效果图如下:
- disabled-date:一个用来判断该日期是否被禁用的函数,接受一个Date对象作为参数,应该返回一个 Boolean 值
- disabled-hours:判断该小时是否被禁用的函数,但和disabled-date略有不同,返回的是一个数组,数组里面包含的是被禁选的小时,若无禁选项,返回空数组即可
- disabled-minutes:判断该分钟是否被禁用的函数,但和disabled-date略有不同,返回的是一个数组,数组里面包含的是被禁选的分钟时,若无禁选项,返回空数组即可
以下为一些禁用返回代码段:
1、只能选择当前及以后的日期
return time.getTime() < Date.now() - 8.64e7;
2、只能选择今天以及今天以前的日期
return time.getTime() > Date.now() - 8.64e6
3、只能选择今天之后的日期
return time.getTime() < Date.now();
4、只能选择今天之前的日期
return time.getTime() > Date.now();
5、设置选择三个月之前到今天的日期
let curDate = (new Date()).getTime();
let three = 90 * 24 * 3600 * 1000;
let threeMonths = curDate - three;
return time.getTime() > Date.now() || time.getTime() < threeMonths;
在el-plus中,日期禁选代码方式如下:
只需要这两处即可