Ant 在表單中設計DatePicker

Question

我在表單中使用來自antd的DatePicker組件，並想更改DatePicker中的默認onChange和道具value ，但它不起作用。

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

當我在表單之外使用DatePicker時，它會起作用：

<DatePicker value={moment()} style={{ width: '100%' }} />

這是getValueProps道具的問題嗎？

Answer 1

我修好了它！

如果有人有同樣的問題：

您必須將getValueProps更改為如下所示：

getValueProps={(i) => ({value: moment(i)})}