element-ui日期选择器限制时间范围（小汇总）

1. 前言

汇总一下日期选择器的所有时间限制。

2. 问题

• 开始时间不能晚于结束时间
• 结束时间不能早于开始时间
• 开始时间、结束时间不能早于当前时间
• 待总结...

3. 解答

//开始时间限制
//8.64e7代表一天的时间戳，若为datetime格式，记得删除。
start: {
    disabledDate: (time) => {
      if (this.endTime) {
        //开始时间不能晚于结束时间、开始时间不能早于当前时间
        return time.getTime() < Date.now() - 8.64e7 || time.getTime() > new Date(this.endTime).getTime();
      }
      return time.getTime() < Date.now() - 8.64e7
    }
  },
  end: {
    disabledDate: (time) => {
      //结束时间不能早于开始时间、结束时间不能早于当前时间
      return time.getTime() < Date.now() - 8.64e7 || time.getTime() < new Date(this.startTime).getTime() - 8.64e7;
    }
  }

结果：

4. 后记

带限制的时间选择器：一般都是表单中填写时间。

查询报表的查询条件最好不要做过多限制。

5. 引用来源

作者：吃饭不吃肉

文章链接：blog.csdn.net/weixin_4356…

违规请联系删除，plz。