ayanova/src/main.js

@@ -33,6 +33,16 @@ Object.defineProperty(Vue.prototype, "$gzerror", {
 // FORM VALIDATION
 //
 import VeeValidate from "vee-validate";
+//My custom rules
+import gzaftervalidator from "./api/gzaftervalidator";
+VeeValidate.Validator.extend("gzafter", gzaftervalidator);
+// VeeValidate.Validator.extend(
+//   gzaftervalidator,
+//   Rules[gzaftervalidator].validate,
+//   assign({}, Rules[gzaftervalidator].options, {
+//     paramNames: Rules[gzaftervalidator].paramNames
+//   })
+// );
 Vue.use(VeeValidate);
 //Vue.config.productionTip = false;
 

ayanova/src/views/inventory-widget-edit.vue

@@ -50,12 +50,37 @@
           </v-flex>
 
           <v-flex xs12 sm6 lg4 xl3 px-2>
+            <v-text-field
+              :label="this.$gzlocale.get('WidgetStartDate')"
+              v-model="obj.startDate"
+              name="startDate"
+              data-vv-as="startDate"
+              v-validate="'required'"
+              ref="startDate"
+              :error-messages="errors.collect('startDate')"
+              required
+            ></v-text-field>
+          </v-flex>
+
+          <v-flex xs12 sm6 lg4 xl3 px-2>
+            <v-text-field
+              :label="this.$gzlocale.get('WidgetEndDate')"
+              v-model="obj.endDate"
+              name="endDate"
+              data-vv-as="endDate"
+              v-validate="'required|gzafter:startDate'"
+              :error-messages="errors.collect('endDate')"
+              required
+            ></v-text-field>
+          </v-flex>
+<!-- YYYY-MM-DDTHH:mm:ss.sssZ -->
+          <!-- <v-flex xs12 sm6 lg4 xl3 px-2>
             <gz-date-time-picker
               :label="this.$gzlocale.get('WidgetStartDate')"
               v-model="obj.startDate"
               name="startDate"
-              :error-messages="errors.collect('startDate')"
-              v-validate="'before:endDate'"
+              data-vv-as="startDate"
+              v-validate="'required'"
               ref="startDate"
               :error="errors.first('startDate')"
             ></gz-date-time-picker>
@@ -66,13 +91,11 @@
               :label="this.$gzlocale.get('WidgetEndDate')"
               v-model="obj.endDate"
               name="endDate"
-              :error-messages="errors.collect('endDate')"
+              data-vv-as="endDate"
               v-validate="'after:startDate'"
-              ref="endDate"
               :error="errors.first('endDate')"
             ></gz-date-time-picker>
-          </v-flex>
-
+          </v-flex>-->
           <v-flex xs12 sm6 lg4 xl3 px-2>
             <v-checkbox
               v-model="obj.active"