element中日期控件的可选范围

最新推荐文章于 2024-07-11 12:19:44 发布

one.dream

最新推荐文章于 2024-07-11 12:19:44 发布

阅读量1.1k

点赞数

分类专栏： Vue.js

本文链接：https://blog.csdn.net/qq_44472722/article/details/97767348

版权

Vue.js 专栏收录该内容

25 篇文章 1 订阅

订阅专栏

首先在控件中加上:picker-options=""

 <el-date-picker
            v-model="takeServerForm.abortTimeStr"
            type="date"
            :picker-options="pickerOptionsStop"     //加上这个选项
            placeholder="选择日期"
            format="yyyy 年 MM 月 dd 日"
            value-format="yyyy-MM-dd"
            class="sInput"
            :disabled="takeServerForm.validityType==='1'&&$store.state.aboutDateType===1">
          </el-date-picker>

在return下写此数据

pickerOptionsStop: {//截止时间的校验
            disabledDate: (time) => {
              return this.dealDisabledDateStop(time)
            }
          },

最后去定义方法

dealDisabledDateStop (time) {//截止时间的校验
        let s=this.stringToDate(this.$store.state.aboutDate);
        // 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()
        // return time.getTime() <= Date.now()
       // return time.getTime() < Date.now() - 8.64e7
        if (this.$store.state.aboutDateType===1){
          return false
        } else {
        return  time>s
        }
      },