首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用时间选择器禁用过去时间

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

Stack Overflow用户
提问于 2018-07-25 20:30:47
回答 1查看 4.7K关注 0票数 5

使用ant设计禁用今天的过去时间,如小时、分钟、秒等。有没有比minTime之类的'disabledHours‘更简单的解决方案呢?

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

回答 1

Stack Overflow用户

发布于 2018-08-01 15:29:40

您应该尝试设置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;
}

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

如果您想禁用秒数,可以使用签名为function(selectedHour, selectedMinute)disabledSeconds函数执行相同的操作。

票数 11
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51518966

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档