antd RangePicker展示+传给后端自定义格式

antd RangePicker展示+传给后端自定义格式

默认格式：年-月-日 时-分-秒（YYYY-MM-DD HH:mm:ss’）
自定义格式为：年-月-日 时-分（YYYY-MM-DD HH:mm’）

1.页面选中时间，展示自定义格式

 <RangePicker
     style={
   
   { width: '100%' }}
       showTime={
   
   {
           format: 'YYYY-MM-DD HH:mm',
           defaultValue: [moment('00:00', 'HH:mm'), moment('23:59', 'HH:mm')],
       }}
       format={'YYYY-MM-DD HH:mm'} // 设置自定义格式
       onChange={onChange}
       value={value}
   />

2.数据处理自定义格式

在传给后端的时候，也需要是对应的自定义格式，在我们设置RangePicker的format={‘YYYY-MM-DD HH:mm’} 以后，只是页面展示是自定义格式，我们获取到的数据格式还是默认的’YYYY-MM-DD HH:mm:ss’,所以需要对数据处理，上代码：
需要配合moment一起使用

import moment from 'moment';

createTimeStart: moment(createTime?.[0]).format('YYYY-MM-DD HH:mm'),
createTimeEnd: moment(createTime?.[1]).format('YYYY-MM-DD HH:mm'),

结果如下：