next.js MUI选取器+日期-fns =类型错误:getYearText不是函数

yrdbyhpb  于 2022-12-23  发布在  其他
关注(0)|答案(2)|浏览(203)

我正在一个新项目中使用Material-UI V4Material-UI Date/Time Pickersdate-fns。我的页面非常简单,我正在使用材质UI中的以下DateTimePicker组件:

<DateTimePicker
              label="Date and time"
              inputVariant="outlined"
              value={searchDateTime}
              disablePast
              onChange={handleSearchDateTimeChange}
              showTodayButton
              fullWidth
              disabled={isScanning}
            />

单击日期选择器后,我的应用程序崩溃并显示以下错误:
类型错误:utils.getYearText不是函数
我该怎么补救呢?
来自package.json的版本

"@date-io/date-fns": "^2.11.0",
    "@material-ui/core": "^4.12.3",
    "@material-ui/icons": "^4.11.2",
    "@material-ui/pickers": "^3.3.10",
    "date-fns": "^2.26.0",
    "next": "10.0.5",
    "react": "17.0.2",
    "react-dom": "17.0.2",
myss37ts

myss37ts1#

@date-io/date-fns2.11.0降级为1.3.13
从材质UI拾取器的the installation guide
重要提示:对于material-ui-pickers v3,请使用v1.x版本的@date-io适配器。

wnavrhmk

wnavrhmk2#

MUI:AdapterDateFns类已从@mui/lab移动到@mui/x-date-pickers
您应该使用import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns'
有关此迁移的更多信息,请访问我们的博客:https://mui.com/blog/lab-date-pickers-to-mui-x/ .

相关问题