reactjs - 如何更改 reactjs 材料 ui 日期选择器的格式

Question

我只需要一个超级简单的选择器，有人可以在其中输入日期和/或从日历中选择它。material-ui 选择器满足了我的需求。

但是，它以 MM/DD/YYYY 显示日期（即使它在内部存储 YYYY-MM-DD，如果您吐出 TextField 的值）

您可以在此处的演示中看到这一点：https ://material-ui.com/demos/pickers/

我想让显示的日期为 YYYY/MM/DD（或 YYYY-MM-DD）。

我已经尝试构建一个 formatDate 函数，正如有关此文档和一些较旧文档的许多其他问题中所述...但这导致我收到React does not recognize theformatDate prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercaseformatdateinstead.错误。

这也出现在 git 讨论中，该主题在没有任何真正解决方案的情况下关闭：https ://github.com/mui-org/material-ui/issues/10251

当然有办法做到这一点......帮助？

标签： reactjsmaterial-ui

Answer 1

这个组件是用<input>标签构建的，根据这个来源，“显示的日期格式将根据用户浏览器的设置区域设置来选择”。