datePicker

React+Ant Design时间组件传值问题

              <Form.Item name={'Date'} label={'起止日期'} rules={[{required: true}]}>
                <RangePicker style={{width: '100%'}}/>
              </Form.Item>

当我们想取到表单中的“Date”值时，发现是一大串字符，结构较为复杂。这时我们可以使用moment方法将时间格式化为想要的格式

 moment(form.getFieldValue('Date')).format('YYYY-MM-DD')

如此即可将时间组件选中的值转换为我们想要的时间字符串的格式。

在查询详情的时候，经常需要用到从后端查询的时间值返显到DatePicker组件，这时候也是使用moment方法格式化数据

form.setFieldValue('Date',moment(dateValue))