ANTD 日期选择器区域设置答案

【问题标题】：ANTD DatePicker LocaleANTD 日期选择器区域设置
【发布时间】：2018-02-12 17:25:26
【问题描述】：

我从 ANTD 2.10 开始就一直在使用它。 DatePicker 在本地化方面没有问题。当我切换到 2.12.8 版本时，DataPicker 开始用英文显示月份和星期几，尽管 TextBox 中的提示以任何选定的语言正确显示。 DatePicker 似乎无法与 moment.js 正确交互。我怎样才能解决这个问题？该应用程序是在 Create-React-App 的基础上构建的。

...
import { LocaleProvider } from 'antd';
import ruRU from 'antd/lib/locale-provider/ru_RU';
...

<Provider store={store}>
    <Router>
        <LocaleProvider locale={ruRU}>
            <App/>
        </LocaleProvider>
    </Router>
</Provider>

【问题讨论】：

我也有同样的问题。你找到解决方法了吗？
最终我已经搬家了：createpicker、DatePicker、RangePicker 和 wrapPicker 到项目中

标签： antd

【解决方案1】：

这一行对我有用：

import 'moment/locale/ru';

请参阅 Antd 文档中的“注释”：antd range picker docs

【讨论】：

【解决方案2】：

import { ConfigProvider } from "antd";
import React from "react";
import moment from "moment";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import ru_RU from "antd/lib/locale/ru_RU";

import store from "./store";

moment.locale("ru");

ReactDOM.render(
  <ConfigProvider locale={ru_RU}>
    <Provider store={store}>
      <App/>
    </Provider>
  </ConfigProvider>,
  document.getElementById("root")
);

moment.locale("ru"); 添加这一行可以解决您的问题，并且 ConfigProvider 会本地化所有 antd 组件

【讨论】：

对问题进行更多描述。