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

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (620)

使用ant design禁用今天的过去时间,如小时,分钟,秒等。请问有什么比'disabledHours'更简单的解决方案,比如minTime等?

<TimePicker format="h:mm:ss A" disabledHours={() => [1, 2, 3]} />
提问于
用户回答回答于

你应该尝试设置TimePicker的disableHours和disabledMinutes:

<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函数(具有function(selectedHour, selectedMinute的signature)执行相同的操作。

所属标签

可能回答问题的人

  • 嗨喽你好

    7 粉丝480 提问9 回答
  • 富有想象力的人

    3 粉丝0 提问7 回答
  • 人生的旅途

    10 粉丝484 提问6 回答
  • Richel

    4 粉丝0 提问6 回答

扫码关注云+社区

领取腾讯云代金券