Datepicker - RangeError：无效的时间值

Posted 2023-02-14

【中文标题】Datepicker - RangeError：无效的时间值

【英文标题】：Datepicker - RangeError: invalid time value

【发布时间】：2019-12-23 03:50:48

【问题描述】：

我对这个错误失去了理智..尝试了所有解决方案，但没有任何效果。 我正在显示一个 Material-ui Datepicker 日历。 它运行良好，直到今天。 我不知道发生了什么，我没有改变任何代码，甚至是我写的。

RangeError：时间值无效

代码如下：

import  MuiPickersUtilsProvider  from '@material-ui/pickers';
import DateFnsUtils from '@date-io/date-fns';
import React,  useState  from "react";
import  DatePicker  from "@material-ui/pickers";
import enUS from 'date-fns/esm/locale'

const StaticDatePicker = () => 
const [date, changeDate] = useState(new Date());

return (
<>
<MuiPickersUtilsProvider locale=enUS utils=DateFnsUtils>
  <DatePicker
    autoOk
    orientation="landscape"
    variant="static"
    openTo="date"
    value=date
    onChange=changeDate

  />
  </MuiPickersUtilsProvider>
  </>
 );
;

export default StaticDatePicker;

返回的“new Date()”

2019 年 8 月 16 日星期五 23:56:25 GMT+0300

有什么建议吗？

【问题讨论】：

错误是挂载还是更改？

你为什么不使用这里解释的格式化函数Change formatDate in datepicker of material ui

【参考方案1】：

这是一个有效的 CodeSandbox：https://codesandbox.io/s/datepicker-nv95r

我唯一改变的是语言环境导入。 /esm/ 在路径中对我不起作用，但以下两种方法都有效：

import enUS from "date-fns/locale";

import enUS from "date-fns/locale/en-US";

不确定这是否与您的问题有关，或者只是 CodeSandbox 环境与您的环境配置方式之间的差异。

【参考方案2】：

仍然没有任何效果.. 奇怪的是几天前代码工作正常.. 这是错误页面： https://imgur.com/Az6iFSy

【讨论】：

不要将此作为答案发布，请编辑您的问题以包含此内容，然后删除此答案，因为它不是您问题的答案。