Fatal编程技术网
  • javascript/
  • Javascript 如何使用React中的Antd DatePicker加载保存的日期值（YYYY-MM-DD HH:MM:ss）？

Javascript 如何使用React中的Antd DatePicker加载保存的日期值（YYYY-MM-DD HH:MM:ss）？

javascript reactjs

Javascript 如何使用React中的Antd DatePicker加载保存的日期值（YYYY-MM-DD HH:MM:ss）？,javascript,reactjs,momentjs,antd,Javascript,Reactjs,Momentjs,Antd,使用AntDesign datepicker构建项目 <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="请选择生效日期" /> 我

使用AntDesign datepicker构建项目

<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="请选择生效日期"
/>
我发现我可以选择时间并保存它。但是当我刷新页面并查询服务器时，从服务器获取数据，
项.value
是
2019-12-05 08:04:00
，但是
日期选择器显示为空，如下所示：




那么，如何使用antd DatePicker加载格式为（YYYY-MM-DD HH:MM:ss）的日期字符串？
下面的代码似乎给出了无效的矩对象，因为矩（）中没有提供正确的格式，并且矩本身无法识别此日期字符串


value={moment(item.remarkValue)}


试试下面的代码


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



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


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



你可以自己试试。
我在
getFieldDecorator
的
initialValue
和
DatePicker
的
值中试过。它不会通过仅设置值={moment（）}来测试datepicker组件