如何更改DatePicker的语言（月份和日期）？

Question

如何更改 Material UI 中 DatePicker 的语言（月份和日期）？

我尝试通过主题和 LocalizationProvider 实现本地化。本地或全局方式都不起作用。 https://mui.com/x/react-date-pickers/localization/

我使用打字稿和MUI v6.5.0

Answer 1

您提供的链接提供的示例仅解释了如何设置 MUI 组件的本地化。

日期由

dayjs 生成。您可以使用 adapterLocale

 设置适配器的本地化。如果您设置该属性，则需要从 

dayjs 导入 关联的语言环境

。

在以下示例中我使用了荷兰语，但您可以将其替换为您想要使用的语言。

import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
import { DatePicker } from "@mui/x-date-pickers/DatePicker";
import { nlNL } from "@mui/x-date-pickers/locales";

import 'dayjs/locale/nl';

export default function BasicDatePicker() {
  return (
    <LocalizationProvider
      dateAdapter={AdapterDayjs}
      adapterLocale="nl"
      localeText={
        nlNL.components.MuiLocalizationProvider.defaultProps.localeText
      }
    >
      <DatePicker views={['month']} />
    </LocalizationProvider>
  );
}

Answer 2

dateAdapter={AdapterDateFns}
adapterLocale={tr}

这也适合我