React datepicker-无效的时间值

Question

我试图创建一个React-datepicker；但是，我得到了这个错误：

RangeError:无效的时间值

我添加了一个日期格式来匹配我的日期变量；然而，我仍然得到同样的错误？

我做错了什么？

import DatePicker from "react-datepicker";

let date = moment(dateString).format('MMMM d, YYYY h:mm a'); // January 3, 2019 12:30 pm

<DatePicker
    selected={date}
    onChange={this.handleInputChange}
    showTimeSelect
    timeFormat="HH:mm"
    timeIntervals={15}
    dateFormat="MMMM d, YYYY h:mm a"
    timeCaption="time"
/>

我也尝试过dateFormat="MMMM d， yyyy h： mm aa"。

Answer 1

在我的例子中，问题涉及在从数据库中以ISO格式提取日期后检查日期是否为空。

 <DatePicker selected={initiated_Date ? new Date(initiated_Date) : null}  

Answer 2

日期选择器需要的是日期，而不是时刻。您必须首先转换它：

let date = moment(dateString).toDate();

来自DatePicker文档：

直到版本1.8。0，此包正在使用矩。js。开始v2。0.0时，我们切换到使用本机日期对象来减小包的大小。如果你从1.8切换。0到2.0。0或更高版本，请查看上面的更新示例，查看示例网站以获取最新示例。