【问题标题】:How to disable ant design time picker paste time如何禁用蚂蚁设计时间选择器粘贴时间
【发布时间】:2020-05-18 22:12:22
【问题描述】:

我在我的 react 应用程序中使用 ant design time picker,我的时间针有一些冲突,我想知道如何在今天当前时间之前禁用过去的时间。

这是我的代码

   getDisabledTime = () => {

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

    }


 <TimePicker onChange={onChange} disabledTimes={this.getDisabledTimes()}/>

【问题讨论】:

  • 看起来你使用了错误的道具?有一个disabledHours,如果这就是你要找的。​​span>
  • @maazadeeb 你能解释一下吗?
  • 在您链接的文档页面上,TimePicker 上没有名为 disabledTimes 的道具。
  • @maazadeeb 你好,我试过了,但没用,你能更新答案吗

标签: reactjs antd


【解决方案1】:

道具名称为disabledHours,是一个函数。

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


<TimePicker disabledHours={getDisabledHours} />

工作codesandbox

【讨论】:

  • 感谢您的时间和解决方案
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2021-09-23
  • 2021-12-12
  • 1970-01-01
  • 1970-01-01
  • 2015-12-17
  • 2020-09-03
  • 1970-01-01
相关资源
最近更新 更多