feat: 时间校验

project/fengdu/AppOutSource/AppRateManage/components/AppraiseTask.vue

@@ -72,6 +72,7 @@
               clearable
               style="width: 100%"
               value-format="yyyy-MM-dd"
+              @change="startChange"
               placeholder="选择开始日期">
           </el-date-picker>
         </el-form-item>
@@ -82,6 +83,7 @@
               size="small"
               style="width: 100%"
               clearable
+              @change="endChange"
               value-format="yyyy-MM-dd"
               placeholder="选择开始日期">
           </el-date-picker>
@@ -96,6 +98,7 @@
 </template>
 
 <script>
+import dayjs from 'dayjs'
 import {mapState} from 'vuex'
 export default {
   name: "AppraiseTask",
@@ -146,6 +149,28 @@ export default {
   },
 
   methods: {
+    startChange(e){
+      if(e){
+        const time = new Date(e).getTime();
+        const now = new Date(dayjs(Date.now()).format("YYYY-MM-DD")).getTime()
+        if(time < now){
+          this.$set(this.form,'startTime','')
+          this.$message.error('开始时间不能小于当前时间')
+        }
+      }
+    },
+
+    endChange(e){
+      if(e){
+        const endTime = new Date(e).getTime();
+        const startTime = new Date(this.form.startTime).getTime()
+        if(endTime < startTime){
+          this.$set(this.form,'endTime','')
+          this.$message.error('结束时间不能小于开始时间')
+        }
+      }
+    },
+
     onConfirm(){
       this.$refs['formRef'].validate(async valid=>{
         if(valid){
@@ -153,7 +178,7 @@ export default {
             const {code} = await this.instance.post('/app/apptaskmanage/addOrUpdate',{
               ...this.form,
               startTime:`${this.form.startTime} 00:00:00`,
-              endTime:`${this.form.startTime} 23:59:59`,
+              endTime:`${this.form.endTime} 23:59:59`,
             })
             if(code===0){
               this.$message.success('保存成功')