如何使用时间选择器禁用过去的时间

Question

使用蚂蚁设计将今天的过去时间禁用为一个小时，几分钟，几秒钟等。除了minTime等“ disabledHours”之外，还有没有其他简单的解决方案？

<TimePicker format="h:mm:ss A" disabledHours={() => [1, 2, 3]} />

Answer 1

您应该尝试设置TimePicker的disableHours和disableMinutes：

<TimePicker
disabledHours={this.getDisabledHours()}
disabledMinutes={this.getDisabledMinutes()}
>

...
getDisabledHours = () => {

    var hours = [];
    for(var i =0; i < moment().hour(); i++){
        hours.push(i);
    }
    return hours;

}

getDisabledHours = (selectedHour) => {

    var minutes= [];
    if (selectedHour === moment().hour()){
        for(var i =0; i < moment().mlinute(); i++){
            minutes.push(i);
        }
    }
    return minutes;

}

如果要禁用秒数，则可以使用签名为disabledSeconds的{​​{1}}函数执行相同的操作。