更改 react antd DatePicker 语言

Question

如何设置antd Datepicker的语言为法语？

我试过了：

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

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

更改 react antd DatePicker 语言

Change react antd DatePicker language

javascript

locale

datepicker

reactjs

antd