Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/423.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何正确地将React中带有状态的日期对象传递到datepicker中?_Javascript_Reactjs_Parsing_Datepicker_Timestamp - Fatal编程技术网

Javascript 如何正确地将React中带有状态的日期对象传递到datepicker中?

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。我通过location.state将包含日期字段的对象从一个组件传递到另一个组件。这是一个编辑组件,我可以在其中更改这些字段的值。但是控制台使用无效的时间异常。我读到我应该用parseISO做些什么,但它还是什么也没做。如何正确使用它?(设置是一个this.state字段)

。。。
从“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"
        />