美文网首页
element ui 日历禁用未来时间并且在一年值内

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

作者: jia林 | 来源:发表于2020-06-07 22:46 被阅读0次

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();
    }

相关文章

网友评论

      本文标题:element ui 日历禁用未来时间并且在一年值内

      本文链接:https://www.haomeiwen.com/subject/qgzhtktx.html