日期选择控制不可选日期或时间

场景描述

使用日期选择选择日期和时间是控制某些日期和时间不能选择

实现思路

通过日期选择组件提供的不可选日期和不可选时间设置

实现步骤

日期和时间的不可选是分别控制,控制日期不可选在不可选日期上设置,控制时间(时、分、秒)不可选在不可选时间上设置,如下:

不可选日期的控制函数如下:
    datePicker0DisabledDateFn(currentDate){
        return currentDate && currentDate < new Date();
    }
不可选时间的控制函数如下:
    datePicker0DisabledTimeFn(date){
        return {
            disabledHours: function() {
                return [1, 3, 5, 6]; 
            } ,
            disabledMinutes: function() {
                return [3, 4];
            } ,
            disabledSeconds: function(){
                return [1, 2];
            } 
        }
    }
运行效果如下:

results matching ""

    No results matching ""

    results matching ""

      No results matching ""