Question

我对这个错误失去了主意。尝试了所有解决方案，但没有任何效果。我正在显示一个材料用户界面的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

有什么建议吗？

Answer 1

以下是有效的CodeSandbox：https://codesandbox.io/s/datepicker-nv95r

我唯一更改的是语言环境导入。在路径中使用/esm/对我来说不起作用，但是以下两项均起作用：

import { enUS } from "date-fns/locale";

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

不确定这是否与您的问题有关，还是仅与CodeSandbox环境与您的环境配置之间的区别有关。

Answer 2

仍然无济于事。奇怪的是，几天前代码运行良好。这是错误页面： https://imgur.com/Az6iFSy

Datepicker-RangeError：无效的时间值

2 个答案: