element ui 日历禁用未来时间并且在一年值内

2020-06-07  本文已影响0人  jia林

1.绑定options属性


image.png

2.编写逻辑


image.png
pickerOptions: any = {
    onPick: ({ maxDate, minDate }) => {
      this.choiceDate = minDate.getTime();
      if (maxDate) {
        this.choiceDate = "";
      }
    },
    disabledDate: time => {
      console.log
      if (!Utils.isNull(this.choiceDate)) {
        const one = 365 * 24 * 3600 * 1000;
        const minTime = this.choiceDate - one;
        let maxTime = this.choiceDate + one;
        if(maxTime > new Date()){
          maxTime = new Date()
        }
        return time.getTime() < minTime || time.getTime() > maxTime;
      }
      return time.getTime() > Date.now();
    }
上一篇 下一篇

猜你喜欢

热点阅读