对接日期限制

src/components/sale/addrecord.vue

@@ -20,6 +20,7 @@
                     <el-form-item label="对接日期：" prop="contactTime">
                         <el-date-picker
                                 v-model.trim="ruleForm.contactTime"
+                                :picker-options="pickerOptions"
                                 type="date"
                                 value-format="yyyy-MM-dd"
                                 :editable="false"
@@ -138,6 +139,16 @@
                     requirementFeedback:"",
                     projectFeedback:"",
                 },
+                pickerOptions: {
+                    // disabledDate是一个函数,参数是当前选中的日期值,这个函数需要返回一个Boolean值,
+                    disabledDate: (time) => {
+                        // 如果函数处理比较简单,可以直接在这里写逻辑方法
+                        // return time.getTime() < Date.now() - 8.64e7
+
+                        // 如果函数里处理的数据比较麻烦,也可以单独放在一个函数里,避免data数据太臃肿
+                        return this.dealDisabledDate(time)
+                    }
+                }, // 日期设置对象
                 rules:{
                     recordResult:[{required: true, message:"请选择对接结果", trigger: 'change'}],
                     contactTime:[{required: true, message:"请选择对接日期", trigger: 'change'}],
@@ -177,6 +188,18 @@
             }
         },
         methods:{
+
+            dealDisabledDate (time) {
+                // time.getTime是把选中的时间转化成自1970年1月1日 00:00:00 UTC到当前时间的毫秒数
+                // Date.now()是把今天的时间转化成自1970年1月1日 00:00:00 UTC到当前时间的毫秒数,这样比较好比较
+                // return的值,true是不可以操作选择,false可以操作选择,比如下面这个判断就只能选择今天之后的时间
+                return time.getTime() > Date.now()
+
+                // 这里减8.64e7的作用是,让今天的日期可以选择,如果不减的话,今天的日期就不可以选择,判断中写<= 也是没用的,一天的毫秒数就是8.64e7
+                // return time.getTime() <= Date.now()
+                // return time.getTime() < Date.now() - 8.64e7
+            },
+
             handleCancel(){
                 this.visible = false;
                 this.$emit("isVisible",this.visible);

src/components/sale/editrecord.vue

@@ -23,6 +23,7 @@
                                 type="date"
                                 value-format="yyyy-MM-dd"
                                 :editable="false"
+                                :picker-options="pickerOptions"
                                 style="width: 250px;"
                                 placeholder="请选择对接日期">
                         </el-date-picker>
@@ -192,6 +193,16 @@
                     requirementFeedback:"",
                     projectFeedback:"",
                 },
+                pickerOptions: {
+                    // disabledDate是一个函数,参数是当前选中的日期值,这个函数需要返回一个Boolean值,
+                    disabledDate: (time) => {
+                        // 如果函数处理比较简单,可以直接在这里写逻辑方法
+                        // return time.getTime() < Date.now() - 8.64e7
+
+                        // 如果函数里处理的数据比较麻烦,也可以单独放在一个函数里,避免data数据太臃肿
+                        return this.dealDisabledDate(time)
+                    }
+                }, // 日期设置对象
                 rules:{
                     recordResult:[{required: true, message:"请选择对接结果", trigger: 'change'}],
                     contactTime:[{required: true, message:"请选择对接日期", trigger: 'change'}],
@@ -233,6 +244,17 @@
         },
         methods:{
 
+            dealDisabledDate (time) {
+                // time.getTime是把选中的时间转化成自1970年1月1日 00:00:00 UTC到当前时间的毫秒数
+                // Date.now()是把今天的时间转化成自1970年1月1日 00:00:00 UTC到当前时间的毫秒数,这样比较好比较
+                // return的值,true是不可以操作选择,false可以操作选择,比如下面这个判断就只能选择今天之后的时间
+                return time.getTime() > Date.now()
+
+                // 这里减8.64e7的作用是,让今天的日期可以选择,如果不减的话,今天的日期就不可以选择,判断中写<= 也是没用的,一天的毫秒数就是8.64e7
+                // return time.getTime() <= Date.now()
+                // return time.getTime() < Date.now() - 8.64e7
+            },
+
 
             //附件上传之前判断文件格式
             handleBeforeFile(file) {