Ant在表单中设计DatePicker

Ami*_*min 4 datepicker momentjs reactjs antd

我正在使用表单内部的DatePicker组件,并希望更改其中的默认值和道具,但它不起作用。antdonChangevalueDatePicker

<Form.Item
  label='Test Label'
  name='startDate'
  getValueFromEvent={(onChange) => moment(onChange).format('YYYY-MM-DD')}
  getValueProps={(i) => moment(i)}
>
  <DatePicker format='YYYY-MM-DD' style={{ width: '100%' }} />
</Form.Item>
Run Code Online (Sandbox Code Playgroud)

当我DatePicker在表单之外使用时,它会起作用:

<DatePicker value={moment()} style={{ width: '100%' }} />
Run Code Online (Sandbox Code Playgroud)

getValueProps这是prop的问题吗?

Ami*_*min 14

我修好了它!

如果有人有同样的问题:

你必须改变getValueProps成这样:

getValueProps={(i) => ({value: moment(i)})}
Run Code Online (Sandbox Code Playgroud)