如何使用 date-fns 在 antd datepicker 中设置默认值

Question

我已经用这个 guide 的日期选择器用 date-fns 替换了 moment。但是我无法使用 date-fns 在日期选择器中设置默认值。

它是通过以下方式用 momentjs 完成的，但我不知道如何用 date-fns 做到这一点

const dateFormat = 'YYYY/MM/DD';
<DatePicker defaultValue={moment('2015/01/01', dateFormat)} format={dateFormat} />

Answer 1

在包含您链接到的指南中的包后，您将使用 date-fns parse() 方法。您需要将 dateFormat 更新为 'yyyy/mm/dd'。

const dateFormat = "yyyy/mm/dd";

<DatePicker
   defaultValue={parse("2015/01/22", dateFormat, new Date())}
   format={dateFormat}
/>

这是一个有效的 sandbox