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

时间:2018-09-20 01:16:05

标签: reactjs material-ui

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

但是,它以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

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

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

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