想实现的效果是:一个开始时间,一个结束时间,用户只能在这个范围内选则,其他禁用
效果图如下:
因为用到的地方比较多,所以写了一个公共的方法,我们传参进去就行啦~
Js代码如下:
// 禁止选择开始时间-结束时间公共方法
getPickOptions(startTime, endTime) {
this.pickerOptions = {
disabledDate(time) {
return (
new Date(time).getTime() < new Date(startTime).getTime() ||
new Date(time).getTime() > new Date(endTime).getTime()
);
},
};
},
当当当~ 众所周知,el-date-picker有个属性::picker-options=“pickerOptions” 参数为disabledDate 设置禁用状态,参数为当前日期,
data里面自定义pickerOptions :{}对象
就是这样,over!