我正在一个新项目中使用Material-UI V4,Material-UI Date/Time Pickers和date-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",
2条答案
按热度按时间myss37ts1#
将
@date-io/date-fns
从2.11.0
降级为1.3.13
。从材质UI拾取器的the installation guide:
重要提示:对于material-ui-pickers v3,请使用v1.x版本的@date-io适配器。
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/ .