javascript - 如何加载保存的日期值 (YYYY-MM-DD HH :mm:ss) with Antd DatePicker in React?

Question

使用 AntDesign 日期选择器构建项目。

<DatePicker
  value={moment(item.remarkValue)}
  format="YYYY-MM-DD HH:mm:ss"
  showTime={{ defaultValue: moment('00:00:00', 'HH:mm:ss') }}
  showTime={{ format: 'YYYY-MM-DD HH:mm:ss' }}
 placeholder="请选择生效日期"
/>

我发现我可以选择时间并保存它。但是当我刷新页面并查询服务器时，从服务器获取数据时，item.value 是 2019-12-05 08:04:00 但 DatePicker 显示为空，如下所示:

那么，如何使用 antd DatePicker 加载格式为 (YYYY-MM-DD HH:mm:ss) 的日期字符串？

Answer 1

甚至似乎在给 DatePicker 一个 value 属性后，用户无法重新选择新的日期和时间。因此，一个可行的解决方案是。

defaultValue={item.remarkValue?moment(item.remarkValue,"YYYY-MM-DD HH:mm:ss"):null}

你可以试试 here为你自己。