Javascript 如何正确地将React中带有状态的日期对象传递到datepicker中?
我的react应用程序正在使用DatePicker。我通过location.state将包含日期字段的对象从一个组件传递到另一个组件。这是一个编辑组件,我可以在其中更改这些字段的值。但是控制台使用无效的时间异常。我读到我应该用parseISO做些什么,但它还是什么也没做。如何正确使用它?(设置是一个this.state字段)Javascript 如何正确地将React中带有状态的日期对象传递到datepicker中?,javascript,reactjs,parsing,datepicker,timestamp,Javascript,Reactjs,Parsing,Datepicker,Timestamp,我的react应用程序正在使用DatePicker。我通过location.state将包含日期字段的对象从一个组件传递到另一个组件。这是一个编辑组件,我可以在其中更改这些字段的值。但是控制台使用无效的时间异常。我读到我应该用parseISO做些什么,但它还是什么也没做。如何正确使用它?(设置是一个this.state字段) 。。。 从“react DatePicker”导入日期选择器 导入'react datepicker/dist/react datepicker.css' 从'date f
。。。
从“react DatePicker”导入日期选择器
导入'react datepicker/dist/react datepicker.css'
从'date fns'导入{parseISO,format}
...
您可以使用Date.parse(settings.saleDateFrom)
来获取自epoch以来的时间
如果您需要它作为数据对象
新建日期(Date.parse(settings.saleDateFrom))
您可以使用Date.parse(settings.saleDateFrom)
获取自历元以来的时间
如果您需要它作为数据对象
新日期(Date.parse(settings.saleDateFrom))
这会解决你的问题。react datepicker期望日期作为javascript日期对象
这会解决你的问题。react datepicker期望日期作为javascript日期对象
...
import DatePicker from 'react-datepicker'
import 'react-datepicker/dist/react-datepicker.css'
import { parseISO, format } from 'date-fns'
...
<DatePicker
name="saleDateFrom"
selected={parseISO(settings.saleDateFrom)}
onChange={this.handleChangeFrom}
dateFormat="MMMM dd, yyyy hh:mm:ss aa"
/>
<DatePicker
name="saleDateFrom"
selected={new Date(settings.saleDateFrom)}
onChange={this.handleChangeFrom}
dateFormat="MMMM dd, yyyy hh:mm:ss aa"
/>