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

Question

我只需要一个超级简单的选择器即可在其中输入日期和/或从日历中选择日期。材质用户界面选择器可以满足我的需求。

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

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

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

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

这也在git讨论中出现，并且该主题已关闭，没有任何实际解决方法：https://github.com/mui-org/material-ui/issues/10251

肯定有办法做到这一点...帮助吗？

Answer 1

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

Answer 2

能否提供您当前拥有的代码段？

formatDate回调是转换值的可接受方法，我不确定为什么会收到错误，正确的代码段是这样：

formatDate={(date) => moment(date).format('DD-MM-YYYY')}