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;
  };