抛出错误RangeError:将自定义日期设置为react DatePicker的DatePicker时时间值无效

Question

我试图设置选定的参数作为默认日期的DatePicker的report-datepicker。基本上，我从数据库得到的日期是以下格式：

事件日期：“2019-06-15”

当我设置状态时，该日期以这种方式显示-event_date："2019-06-15T00:00:00"

我尝试了new Date（）将它转换成JavaScript兼容的日期。也尝试了MomentJS，但它也抛出了同样的错误。当我调用new Date（）在选择的参数，然后一切工作完美。我的意思是，DatePicker显示默认的今天日期。但是当我尝试将自定义日期值设置为DatePicker时，它会抛出错误-RangeError：无效的时间值。

谁能告诉我什么类型的数据DatePicker需要设置自定义日期？

Answer 1

您可以在Javascript中使用最新的date-fns库，并使用下面的格式

import { format, parseISO } from 'date-fns' 

format(parseISO(DateinISOformat), "MMM dd h:m a") 

下面的例子-

format(parseISO('2019-06-15T00:00:00'), "MMM dd h:m a") 

Answer 2

React datepicker要求为配置值（如startDate等）传递Date的实例（也可能不包括时间戳整数，不确定）。

你可以用

new Date(Date.parse("2019-06-15T00:00:00"));

创建日期实例。日期parse（）识别许多日期字符串格式，并将其转换为时间戳值，date（）构造函数依次接受这些值。

Answer 3

您的日期似乎是字符串格式<代码>日期选择器不接受字符串日期。

您需要使用parseISO将字符串date解析为实际日期

import { parseISO } from 'date-fns' 

用法，

parseISO(your_custom_date)