无法在React js web应用程序中使用材质ui选取器

official documentation

您需要安装并传递utils。首先为库安装实用程序:

npm install date-fns @date-io/date-fns

然后将它们传递给utils提供者

import React, { useState } from "react";
import DateFnsUtils from "@date-io/date-fns"; // import
import { DatePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";

function App() {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <DatePicker value={selectedDate} onChange={handleDateChange} />
    </MuiPickersUtilsProvider>
  );
}

Here 是沙盒游戏:)

npm i @date-io/date-fns@1.x date-fns

或

npm i @date-io/moment@1.x moment

或

npm i -s @date-io/luxon@1.x luxon

npm i -s @date-io/dayjs@1.x dayjs

(“的 @date-io 图书馆发布了一个新的版本v2,打破了这个模块。

同时。”)