请问老师我的antd引入RangePicker组件后进行汉化 但是星期和月份仍然是显示的英文

Question

查找资料确实是使用的yarn安装的moment 不知是何原因

引入代码如下
import moment from 'moment’
import locale from ‘antd/lib/date-picker/locale/zh_CN’
//import zh_CN from ‘antd/lib/locale-provider/zh_CN’;
import ‘moment/locale/zh-cn’

<RangePicker locale={locale}
ranges={{
Today: [moment(), moment()],
‘This Month’: [moment().startOf(‘month’), moment().endOf(‘month’)],
}}
onChange={onChange} />
moment版本为最新版本

Answer 1

河畔一角 2020-06-12 19:15:12

打开项目，找到index.js入口文件，然后添加如下代码：

import "moment/locale/zh-cn";

import moment from 'moment';

moment.locale('zh-cn');

• 提问者 菜鸟刚出门 #1

  老师我按照这个格式引入后仍是失效，后来又使用<ConfigProvider>包裹，但是结果仍是星期和月份汉化失败
  import zhCN from 'antd/es/locale/zh_CN'
  import moment from 'moment'
  import 'moment/locale/zh-cn'
  moment.locale('zh-cn')
  <ConfigProvider locale={zhCN}>
  重新安装antd和moment也是同样的结果，删除掉node_modules后重新安装也是如此，antd版本为4.2.0 momen版本为2.24 react版本为16.13.1

• 提问者 菜鸟刚出门 #2

  老师我在index.js中加上
  import zhCN from 'antd/es/locale/zh_CN';
  import { ConfigProvider } from 'antd';
  import 'moment/locale/zh-cn';
  
  下面用<ConfigPovider/>包裹
  <ConfigProvider locale={zhCN}>
      <Router />
    </ConfigProvider>后生效

• 河畔一角 回复 提问者 菜鸟刚出门 #3

  好的，我写的那个方法我在本地测试过没有问题。你那边不显示估计是安装的插件版本问题。