日期范围选择

src/views/certificate/remoteVerification/remoteVerificationTask/index.vue

@@ -132,7 +132,7 @@
               <el-form-item label="开始时间" prop="startTime">
                   <el-date-picker
                       v-model="baseForm.startTime"
-                      type="date" :picker-options="searchPickerOptionsStart" @change="searchChangeEnd"
+                      type="date"
                       placeholder="选择日期"
                       format="yyyy-MM-dd" style="width: 100%;"
                       :picker-options="pickerOptionsToday"
@@ -144,7 +144,7 @@
               <el-form-item label="结束时间" prop="endTime">
                   <el-date-picker
                       v-model="baseForm.endTime"
-                      type="date" :picker-options="searchPickerOptionsEnd"  @change="searchChangeStart"
+                      type="date"
                       placeholder="选择日期"
                       format="yyyy-MM-dd" style="width: 100%;"
                       :picker-options="pickerOptionsStart"
@@ -312,8 +312,6 @@
                 //表格数据
                 tableListData: [],
                 dateRange:[],
-                searchPickerOptionsStart:{},
-                searchPickerOptionsEnd:{},
                 // 弹出层标题
                 title: "",
                 // 是否显示弹出层
@@ -567,33 +565,6 @@
                 const day = String(date.getDate()).padStart(2, '0');
                 return `${year}-${month}-${day}`;
             },
-            searchChangeStart(value) {
-                if(!value){//为了解决点击输入框内的×之后时间限制没有变化，不能自由选择，这里利用设置了2999年之后都可选
-                    // 可通过箭头函数的方式访问到this
-                    this.searchPickerOptionsStart = Object.assign({}, this.searchPickerOptionsStart, {
-                        // 可通过箭头函数的方式访问到this
-                        disabledDate: (time) => {
-                            return time.getTime()>=new Date('2999-12-30 23:59:59').getTime()  ;
-                        }
-                    })
-                    return;
-                }
-                this.searchPickerOptionsStart = Object.assign({}, this.searchPickerOptionsStart, {
-                    // 可通过箭头函数的方式访问到this
-                    disabledDate: (time) => {
-                        return time.getTime()>new Date(value).getTime()  ;
-                    }
-                })
-            },
-            //开始时间 控制结束时间
-            searchChangeEnd() {
-                // console.log(new Date(this.addFormList[0].startTime).getTime());
-                this.searchPickerOptionsEnd = Object.assign({}, this.searchPickerOptionsEnd, {
-                    disabledDate: (time) => { 
-                        return time.getTime()<new Date(this.baseForm.startTime).getTime();
-                    }
-                })
-            },
         }
     };
   </script>