react使用Antds的TimePicker时间选择限制只能选择整点时间

效果如图

 

 

format限制只能显示HH:mm

 

利用disabledMinutes限制分钟的选择只能选择00 00之外的分钟禁止选择 

利用defaultOpenValue 限制初始分钟为00 这样不管怎么选择都是整点时间

代码如下

<TimePicker
                    format={'HH:mm'}
                    disabledMinutes={() => this.range(1, 59)}
                    defaultOpenValue={moment('00:00', 'HH:mm')}
                    onChange={(e) => this.changeTime(e, 'endTime01')} />



range = (start, end) => {
    undefined
    const result = [];
    for (let i = start; i <= end; i++) {
      undefined
      result.push(i);
    }
    return result;
  };

 

__EOF__

本文作者：fiamme
本文链接：https://www.cnblogs.com/vivin-echo/p/15633873.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！