时间填写认证

src/views/contentManagement/activity/info/index.vue

@@ -162,7 +162,10 @@
               <el-form-item
                 label="结束时间:"
                 prop="endTime"
-                :rules="{ required: !(controls.isOperation === '3'), message: '请选择结束时间', trigger: 'blur' }"
+                :rules="[
+                  { required: !(controls.isOperation === '3'), message: '请选择结束时间', trigger: 'blur' },
+                  { validator: validateEndTime, trigger: 'blur' }
+                  ]"
               >
                 <el-date-picker
                   v-model="form.endTime"
@@ -450,6 +453,20 @@ export default {
     this.setFormDefaults()
   },
   methods: {
+    //时间填写验证
+    validateEndTime(rule, value, callback) {
+    if (value && this.form.startTime) {
+      const startTime = new Date(this.form.startTime);
+      const endTime = new Date(value);
+      if (endTime < startTime) {
+        callback(new Error('结束时间不能早于开始时间'));
+      } else {
+        callback();
+      }
+    } else {
+      callback();
+    }
+  },
     // 活动内容预览
     contentPreview() {
       this.open = true