el-date-picker 为时间组件添加限制范围

根据官网来学习element ui vue3官方文档

​​:disabled-date="disabledDate"​​

在​​setup()​​中添加方法​​disabledDate​​

​​复制​​

disabledDate(time) {
          return disTime(time)
        },

可以在​​disabledDate​​中直接写时间的范围也可以像我一样重新写一个方法来存储

1.不能取2022年之前的时间

我这个写的就是限制时间范围只能选择2022年及之后的时间,之前的时间不能选择

​​复制​​

const disTime = (time) => {
        if (state.timeType == 'date') {
          return time.getTime() < new Date('2021-12-31').getTime()
        }
      }

2.时间只能取2000年之后 到 当前年加两年的时间

// 限制日期范围
      const disTime = (time) => {
        return (
          time.getTime() < new Date('2000').getTime() ||
          time.getTime() > new Date().getTime() + 3600 * 1000 * 24 * 365 * 2
        )
      }

一年时间为: ​​3600 * 1000 * 24 * 365​​

两年就是​​*2​​

用 ​​||​​连接 并且要记得加 ​​getTime()​​