更改 React Antd DatePicker 语言

Question

如何将 antd 日期选择器设置为法语？

我尝试了以下代码：

import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import moment from "moment";
import { DatePicker, Space, ConfigProvider } from "antd";
import frFR from "antd/lib/locale/fr_FR";

function onChange(date, dateString) {
  console.log(date, dateString);
}

ReactDOM.render(
  <Space direction="vertical">
    <ConfigProvider locale={frFR}>
      <DatePicker
        onChange={onChange}
        defaultValue={moment("2015-01-01", "YYYY-MM-DD")}
      />
    </ConfigProvider>
  </Space>,
  document.getElementById("container")
);

预览语言仍为英语。

以下是正在运行的代码： https://codesandbox.io/s/basic-antd-datepicker-language-n9ue7

- Ala Ben Aicha

Answer 1

来自 Ant Design 文档

import 'moment/locale/zh-cn';
import locale from 'antd/es/date-picker/locale/zh_CN';

<DatePicker locale={locale} />;

https://ant.design/components/date-picker/#Localization

- Christian Moen

---

你有没有想过如何让它适用于法语？ - Ala Ben Aicha

不确定您想要哪种法语变体，但是您可以将“zh_CN”替换为“fr_BE”作为示例：https://www.science.co.il/language/Locale-codes.php - Christian Moen

我将导入更改为：import 'moment/locale/fr'; 从'antd/es/date-picker/locale/fr_FR'导入locale - Ala Ben Aicha