element DateTimePicker 限制开始时间不能小于当前时间不能大于结束时间

  • template

  • 数据定义

  • 实现方法
methods:{
      //结束时间限制开始时间
      changeStart() {

        this.pickerOptionsStart = Object.assign({}, this.pickerOptionsStart, {
          // 可通过箭头函数的方式访问到this
          disabledDate: (time) => {
            //这样写有bug 
            //   return  this.outTime < time.getTime() < new Date(new Date().toLocaleDateString()).getTime()
            var times = '';
            //百度没搜到试了好久才试出来
            times = this.outTime < time.getTime() || time.getTime() < new Date(new Date().toLocaleDateString())
              .getTime();
            //打印了几百条
            // console.log("times时间",times);
            return times
          }
        })

      },
      //开始时间 控制结束时间   
      changeEnd() {

        this.pickerOptionsEnd = Object.assign({}, this.pickerOptionsEnd, {
          disabledDate: (time) => {

            return time.getTime() < this.upTime
          }
        })
      },
}

你可能感兴趣的:(element DateTimePicker 限制开始时间不能小于当前时间不能大于结束时间)