上下架时间判断

src/pages/message-management/banner/banner-detail.vue

@@ -146,7 +146,27 @@ export default {
   components: {
     uploadFile,
   },
-  data: () => ({
+  data(){ 
+    var validateup = (rule, value, callback) => {
+        if (value === '') {
+          callback(new Error('请选择上架时间'));
+        } else {
+          if (this.detail.down_time !== '') {
+            this.$refs.detail_form.validateField('down_time');
+          }
+          callback();
+        }
+      };
+var validatedown = (rule, value, callback) => {
+  if (value === '') {
+    callback(new Error('请选择下架时间'));
+  } else if (value.getTime() <= this.detail.up_time.getTime()) {
+    callback(new Error('下架时间应在上架时间之后'));
+  } else {
+    callback();
+  }
+};
+    return{
     pageType: 0, // 0：新增，1：编辑，2：详情
     detail: {
       name: "",
@@ -198,6 +218,10 @@ export default {
           message: "请选择上架时间",
           trigger: "change",
         },
+        {
+          validator:validateup,
+          trigger: "change",
+        },
       ],
       fileList: [
         {
@@ -212,6 +236,10 @@ export default {
           message: "请选择下架时间",
           trigger: "change",
         },
+        {
+          validator:validatedown,
+          trigger: "change",
+        },
       ],
       url: [],
     },
@@ -226,7 +254,8 @@ export default {
       },
     ],
     submitLoading: false,
-  }),
+  }
+  },
   computed: {
     pageName() {
       return ["新增", "编辑", "详情"][this.pageType];
@@ -256,13 +285,7 @@ export default {
       this.detail.fileList = val[0].url;
       this.detail.size = val[0].size;
       console.log(this.detail.fileList);
-      this.$refs.detail_form.validate((valid) => {
-          if (valid) {
-           
-          } else {
-            return false;
-          }
-        });
+      this.$refs.detail_form.validateField('fileList')
     },
     getDetail() {
       this.$http