如何更改用户界面的日期选择器的语言和默认时区?

时间:2018-08-09 21:30:10

标签: reactjs material-ui material-ui-pickers

如何更改Material-UI日期选择器的语言?对于整个日期选择器,它似乎无法完全正常工作。

我当前的日期选择器是什么样的:

Current datepicker

3 个答案:

答案 0 :(得分:0)

文档的以下页面似乎应该是您想要的:https://material-ui-pickers.firebaseapp.com/localization/date-fns

此页面有一个使用菜单项更改语言环境的示例。具体来说,如果您只想提供一种语言环境,则可以将prop locale传递到组件MuiPickersUtilsProvider中。

答案 1 :(得分:0)

它在文档页面ReactNative's page的底部

ulds

答案 2 :(得分:0)

另一种解决方案是在@Shikyo 解决方案之外使用date-fns::

import DateFnsUtils from "@date-io/date-fns";
import { fr } from "date-fns/locale";

<MuiPickersUtilsProvider locale={fr} utils={DateFnsUtils}>
...
</MuiPickersUtilsProvider>