在 Material Ui React 中更改月份名称

Question

我使用来自 Material Ui 的 DatePicker。我需要更改月份的名称。我该怎么做？

例如，我必须从 August 更改为 Avqust 或者从 March 更改为 Mart enter image description here

我的代码：

             <LocalizationProvider dateAdapter={AdapterDateFns}>
                <DatePicker
                  label=""
                  value={selectedDate}
                  minDate={"02-01-1920"}
                  maxDate={"02-29-2020"}
                  onChange={(newValue) => {
                    setSelectedDate(newValue);
                  }}
                  renderInput={(params) => <TextField {...params} />}
                />
              </LocalizationProvider>

Answer 1

您可以使用 LocalizationProvider 的 local 属性来更改 DatePicker 的日期和月份的语言。更改 date-fns 适配器的语言环境。

来自 Mui 的文档：https://mui.com/components/date-picker/#localization

import { az } from "date-fns/locale";

<LocalizationProvider dateAdapter={AdapterDateFns} locale={az}>
   <DatePicker
      label=""
      value={selectedDate}
      minDate={new Date("02-01-1920")}
      maxDate={new Date("02-29-2020")}
      onChange={(newValue) => {
         setSelectedDate(newValue);
      }}
      renderInput={(params) => <TextField {...params} />}
   />
</LocalizationProvider>

https://codesandbox.io/s/localizeddatepicker-material-demo-forked-uppsz8?file=/demo.js

在 Material Ui React 中更改月份名称

Change name of month in Material Ui React

javascript

time

reactjs

material-ui

date-fns