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

【问题标题】：How to set a default value in antd datepicker with date-fns如何使用 date-fns 在 antd datepicker 中设置默认值
【发布时间】：2021-11-10 12:23:35
【问题描述】：

我已使用此 guide 将 moment 替换为 date-fns 用于日期选择器。但我无法使用 date-fns 在日期选择器中设置默认值。

momentjs 是通过以下方式完成的，但我不知道如何使用 date-fns 来完成此操作

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

【问题讨论】：

你会使用parse。 parse('2015/01/01', dateFormat, new Date())

标签： reactjs momentjs antd date-fns

【解决方案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

【讨论】：