如何更改 KeyboardDatePicker 材质 ui 的语言？

Question

我目前在网络上使用 material ui，我使用 KeyboardDatePicker API 并且它运行良好，但是月份的名称和按钮的文本以英文显示，我想将它们更改为西班牙语。我阅读了 API 文档，但找不到有关它的信息。

谁知道怎么改语言？

Answer 1

对我有用的另一个解决方案是使用date-fns/locale/*. 可以在此处找到该文档。

例如德语：

import {KeyboardDatePicker, MuiPickersUtilsProvider} from "@material-ui/pickers";
import DateFnsUtils from "@date-io/date-fns";
import deLocale from "date-fns/locale/de";


render () {
   return 
   (
      <MuiPickersUtilsProvider utils={DateFnsUtils} locale={deLocale}>
      .
      .
      .
      </MuiPickersUtilsProvider>
   )
}

结果：

Answer 2

尝试导入西班牙语时刻区域设置，然后在以下位置使用它MuiPickersUtilsProvider：

import React from "react";
import ReactDOM from "react-dom";
import {
  KeyboardDatePicker,
  MuiPickersUtilsProvider
} from "@material-ui/pickers";
import MomentUtils from "@date-io/moment";
import "moment/locale/es";

import "./styles.css";

function App() {
  return (
    <div className="App">
      <MuiPickersUtilsProvider locale="es" utils={MomentUtils}>
        <KeyboardDatePicker />
      </MuiPickersUtilsProvider>
    </div>
  );
}