无法使Material-UI日期选择器正常工作


19

由于某种原因,我无法使Material-UI日期选择器正常工作。每次在React中渲染日期选择器时,都会引发以下错误:

RangeError:格式字符串包含未转义的拉丁字母字符 n

我只用日期选择器(https://stackblitz.com/edit/react-6ma6xd?embed=1&file=index.js)创建了一个stackblitz,甚至出现了错误。我究竟做错了什么?我想我遵循了安装指南中的所有说明。

链接到material-ui / pickers:https : //material-ui-pickers.dev/


同时,我还看到他们已经更新了文档。
NewVigilante

1
我有同样的问题。经历了这一点之后,我已经可以知道,使用此框架已经很久了。
Mosia Thabo

Answers:




1

看起来material-ui-pickers示例正在使用以下依赖项版本(与您的依赖项版本不同):

"@date-io/date-fns": "1.0.1",
"material-ui-pickers": "2.1.1",

在您的示例中,您使用的是@ date-io的较新版本,而material-ui-pickers的版本已弃用:

"@date-io/date-fns": "2.0.1",
"@material-ui/pickers": "3.2.8",

您可以(1)设置版本以匹配示例,或者(2)使用最新的material-ui-pickers版本,并使用自定义函数而不是DateFnsUtils执行日期格式化。

希望这可以帮助。


我想我正在使用最新的软件包。您发送的建议似乎已被弃用,我不希望在生产中使用。我使用的所有程序包的运行安装向导中的命令(material-ui-pickers.dev/getting-started/installation
NewVigilante

1

我尝试了以上答案,但没有用,但它们为我提供了解决方案的线索,如果以前的答案对您不起作用,则您必须将其完全降级

npm install @material-ui/pickers@3.2.8
npm install @date-io/date-fns@1.3.13
npm install date-fns@2.8.1



By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.