Antd 组件的这些功能要这么实现🤔

50 阅读1分钟

DatePicker

实现仅选到小时的功能,不选分钟和秒

初方案:

showTime ={ format: 'HH' }

问题:

打开日期&时间选择面板时,如果先点击日期,会自动默认当下系统时间的分钟和秒,且无法修改

优化方案

设置初始值,覆盖默认的初始值为当下系统时间

// antd官方使用的是 dayjs('00:00:00', 'HH:mm:ss')} ,而我们当下项目中使用的是 moment.js
<DatePicker 
  showTime ={ format: 'HH', defaultValue={moment('00:00:00', 'HH:mm:ss')}  }
  />

过去时间不可选

问题:特定操作下,可以选到DisabledTime:先选了未来日期&小时,再切回过去日期,不点小时,就可以选到过去的时间

优化方案:暂未做