日期选择控制不可选日期或时间
场景描述
使用日期选择选择日期和时间是控制某些日期和时间不能选择
实现思路
通过日期选择组件提供的不可选日期和不可选时间设置
实现步骤
日期和时间的不可选是分别控制,控制日期不可选在不可选日期上设置,控制时间(时、分、秒)不可选在不可选时间上设置,如下:
不可选日期的控制函数如下:
let datePicker0DisabledDateFn = (currentDate) => {
return currentDate && currentDate < new Date();
}
不可选时间的控制函数如下:
let datePicker0DisabledTimeFn = (date) => {
return {
disabledHours: function() {
return [1, 3, 5, 6];
} ,
disabledMinutes: function() {
return [3, 4];
} ,
disabledSeconds: function(){
return [1, 2];
}
}
运行效果如下: