如何更改材料 ui 日期选择器语言和默认时区？答案

【问题标题】：How can I change material ui datepicker language and default timezone?如何更改材料 ui 日期选择器语言和默认时区？
【发布时间】：2018-08-09 21:30:09
【问题描述】：

如何更改 Material-UI 日期选择器的语言？它似乎不适用于整个日期选择器。

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

【问题讨论】：

Importing MomentUtils 可能会成功。将语言环境更改为您的语言（例如西班牙语）
您需要导入您的区域设置语言 onyl，例如 ``import 'moment/locale/es'``

标签： reactjs material-ui

【解决方案1】：

位于文档页面底部https://material-ui-pickers.dev/api/DatePicker

<DatePicker
    okLabel="Text"
    clearLabel="Text"
    cancelLabel="Text"
    ...
/>

【讨论】：

据我了解，他要求更改本地，目前是俄语。
如果我想为所有 DatePickers 指定 clearLabel 1 时间（全局）怎么办？
@Zakhar 如果我错了，请纠正我，但我认为你不能。我已将 DataPicker 包装在我自己的组件中，其中设置了标签属性，这就是我使用的，而不是 DataPicker 本身。
@Shikyo 同意，我也这样做了
该解决方案只修复按钮，而不是星期几和月份。

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

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

此页面有一个使用菜单项更改区域设置的示例。具体来说，如果您只想提供一种语言环境，您可以将属性locale 传递给组件MuiPickersUtilsProvider。

【讨论】：