From ac4cae37caecf7278e1c6b9ca917c6a59004eb14 Mon Sep 17 00:00:00 2001 From: ayen Date: Tue, 16 Apr 2019 03:12:41 +0000 Subject: [PATCH] Update ShippingStepComponenet.vue. fixing datepicker validation month logic --- .../order/elements/ShippingStepComponenet.vue | 22 ++++++++++++------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/resources/assets/vue/components/order/elements/ShippingStepComponenet.vue b/resources/assets/vue/components/order/elements/ShippingStepComponenet.vue index d415d32..88af457 100644 --- a/resources/assets/vue/components/order/elements/ShippingStepComponenet.vue +++ b/resources/assets/vue/components/order/elements/ShippingStepComponenet.vue @@ -140,10 +140,10 @@ + title="Arrived To Port" + :message="'Are you sure this order has arrived to port?'" + type="shippingComplete" + v-on:confirm="completeShipping()"> @@ -179,6 +179,7 @@ } }, mounted: function() { + this.validateMethod(); this.dataValidation(); }, created(){ @@ -189,6 +190,11 @@ } }, methods: { + validateMethod() { + $.validator.addMethod("minDate", function(value, element, params) { + return (moment(value, "DD-MM-YYYY") > moment(params, "DD-MM-YYYY")) + }); + }, dataValidation() { $(this.$el).find('.shippingForm').validate({ rules: { @@ -199,7 +205,7 @@ }, messages: { ETA: { - min : 'ETA must be greater than ETD' + minDate : 'ETA must be greater than ETD' } }, errorPlacement: function ( error, element ) { @@ -227,7 +233,7 @@ }, messages: { ETA: { - min : 'ETA must be greater than ETD' + minDate : 'ETA must be greater than ETD' } }, errorPlacement: function ( error, element ) { @@ -252,7 +258,7 @@ $(this.$el).find('.shippingForm').valid(); this.shippingArrangement.schedule.ETD = date; $(this.$el).find('.shippingForm .ETA').rules("add", { - min: moment(this.shippingArrangement.schedule.ETD, "DD-MM-YYYY").add(1, 'days').format('DD-MM-YYYY') + minDate: moment(this.shippingArrangement.schedule.ETD, "DD-MM-YYYY").add(1, 'days').format('DD-MM-YYYY') }) } @@ -269,7 +275,7 @@ $(this.$el).find('.rescheduleShipping').valid(); this.reschedule.ETD = date; $(this.$el).find('.rescheduleShipping .ETA').rules("add", { - min: moment(this.reschedule.ETD, "DD-MM-YYYY").add(1, 'days').format('DD-MM-YYYY') + minDate: moment(this.reschedule.ETD, "DD-MM-YYYY").add(1, 'days').format('DD-MM-YYYY') }) }