3

我对这个错误失去了理智..尝试了所有解决方案，但没有任何效果。我正在显示一个 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;

“新日期（）”返回

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

有什么建议吗？

4

2 回答 2

2

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

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

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

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

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

于 2019-08-16T22:00:23.830 回答
0

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

于 2019-08-17T08:35:10.480 回答