DatePicker日期国际化错误中英文都存在 #23891

我也感觉很奇怪，之前没有这个问题，升级后就出现了，却解决不了，很明显是moment的配置没有生效。试了查依赖发现rc picker用的moment与antd的不一样，不知道有没有影响 ![image](https://user-images.githubusercontent.com/39182231/89267957-78d00e80-d66a-11ea-9f67-7af7f3553fff.png)

JarVZhao · 2020-08-04T07:52:44Z

afc163 · 2020-08-04T07:55:39Z

@JarVZhao 移除 yarn.lock 或者 package-lock.json 后重新安装。

JarVZhao · 2020-08-04T09:39:20Z

works,thanks @afc163

wzw-beichen · 2020-08-18T04:47:50Z

把antd版本降为4.2.0，在哪里看到了>=4.2.1周为英文，本人已试，可用

wzw-beichen · 2020-08-18T04:49:21Z

wzw-beichen · 2020-08-18T04:50:47Z

@DreamPWJ

FredZeng · 2020-08-31T08:34:21Z

Bundlers might create multiple copies of moment when using moment@2.27.0, hence moment.locale might not work.
See moment issue 5623

wumiangithub · 2020-09-23T09:14:36Z

同样的问题， antd4.6.5 moment 2.29.0 moment恢复老版本2.24.0可展示中文，但是ts报错。。 moment升级最新的，ts是不报错了，但是中英文就都有了。一个时间组件而已这么依赖moment干嘛。。。

pearone · 2020-09-29T08:03:15Z

我的办法是删除yarn.lock，重新安装一下，应该是之前安装的moment版本和antd不匹配，如果只重新安装moment和antd并不能解决其他的依赖问题，让他全量更新一下就好了。

into-piece · 2020-11-02T05:49:34Z

我发现当设置umi的config=》ignoreMomentLocale为true后，

会自动把中文在内的国际化去除，所以即使像上文配置后还是无法生效。当我关闭这个配置就修复了日期控件的中文问题显示了。
当然希望这个ignoreMomentLocale配置可以更加人性化，不是直接默认留下英文。
大家想继续删除对应其他moment国际化的文件可以配置config的chainWebpack：

chainWebpack(config) {
 // 过滤掉momnet的那些不使用的国际化文件
    config
      .plugin('replace')
      .use(require('webpack').ContextReplacementPlugin)
      .tap(() => {
        return [/moment[/\\]locale$/, /zh-cn/];
      });
}

大家可以做一下借鉴~

andycao · 2020-12-18T03:49:51Z

同样的问题， antd4.6.5 moment 2.29.0 moment恢复老版本2.24.0可展示中文，但是ts报错。。 moment升级最新的，ts是不报错了，但是中英文就都有了。一个时间组件而已这么依赖moment干嘛。。。

�我也遇到同样问题，降级到2.24.0解决的，老项目没有ts
看了下依赖，应该是antd的moment更新了，但是里面的rc-search依赖的moment没有更新

lou0820 · 2020-12-29T02:04:23Z

首先按照antd官网配置

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

<ConfigProvider locale={locale}>
<App />
</ConfigProvider>

版本：
react: ^16.13.1
antd: ^4.6.5
moment：^2.29.1
antd RangePicker中英文混合显示解决方法：

package.json中手动改成 moment: latest
rm -rf node_modules
rm -rf package-lock.json
npm install

georgehpj · 2020-12-29T08:21:06Z

moment的package.json里有个jsnext:main属性指向的是./dist/moment.js。也就是说如果外部打包工具设置了能够识别jsnext:main这个属性的话，import moment from 'moment' 对应的应该是 import 'moment/dist/locale/zh-cn'。
这点最好在官网上明说。

zhangchao828 · 2021-01-05T08:54:19Z

+1 升级的时候容易出现这种情况，建议官方尽早移除对moment的依赖

ltbyce · 2021-01-12T07:43:16Z

@wumiangithub 我也遇到了这个问题（rc-picker 依赖moment:v2.24.0）和我本地的版本v:2.27.0不一致，请问你是如何解决的呢？

ltbyce · 2021-01-12T09:17:11Z

@wumiangithub 我也遇到了这个问题（rc-picker 依赖moment:v2.24.0）和我本地的版本v:2.27.0不一致，请问你是如何解决的呢？

我知道了，rc-picker 的package中引用的是^2.24.0,^实际取得是最近的大版本，所以实际版本应该看node_modules->moment>momentjs的version实际为2.29.1，那么本地版本修改为^2.24.0就可以了

rainmanhhh · 2021-03-05T09:46:01Z

还是没看懂要怎么解决，antd版本4.11.2，moment版本2.29.1，依然是中英文混合

moment.locales()输出结果：
(6) ["en", "zh-cn", "zh", "zh_CN", "en_US", "en-us"]
然而新建的moment()对象内部依然是英文的

在zh-cn.js打断点，明明执行进去了

// 这里设置断点能看到执行了
  var zhCn = moment.defineLocale('zh-cn', {
        months: '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split(
            '_'
        ),

但是一点用没有

qhx0807 · 2021-04-15T07:21:46Z

将 import 'moment/locale/zh-cn';

修改为：

import 'moment/dist/locale/zh-cn';

版本：

"antd": "^4.15.1",
"moment":  "^2.29.1"

测试可行。

g770728y · 2021-04-29T08:08:32Z

将 import 'moment/locale/zh-cn';

修改为：

import 'moment/dist/locale/zh-cn';

版本：
"antd": "^4.15.1",
"moment":  "^2.29.1"
测试可行。

感谢, 确实, dist下面的文件是ejs格式的

yueqjGithub · 2021-10-15T08:26:21Z

将 import 'moment/locale/zh-cn';
修改为：
import 'moment/dist/locale/zh-cn';
版本：
"antd": "^4.15.1",
"moment":  "^2.29.1"
测试可行。
感谢, 确实, dist下面的文件是ejs格式的

"antd": "^4.16.13"可行
"moment": "^2.29.1",

Jack-Lo · 2021-12-07T11:17:25Z

moment版本不一致导致的，rc-calender指定moment为2.x，把自己项目的package.json里moment版本号对齐就可以解决了，先yarn remove moment，再手动添加"moment": "2.x"到package.json，然后yarn一下重新安装依赖

ningtiao · 2022-02-27T12:49:21Z

本地运行是正常的，可是发布到测试环境就变中英混合，这是啥原因呢

story-song · 2022-06-15T08:11:56Z

我用的pro;
全局加上
import "moment/locale/zh-cn"
有效

MICAHFANG · 2022-11-03T01:42:33Z

antd@4.23.2
moment@2.29.4
手写moment语言包，已解决

└─┬ antd@4.23.2
  ├── moment@2.29.4
  └─┬ rc-picker@2.6.10
    └── moment@2.29.4 deduped

https://codesandbox.io/s/suspicious-banzai-iwpso4?file=/src/App.js

lijie602 · 2022-12-29T09:45:23Z

将 import 'moment/locale/zh-cn';

修改为：

import 'moment/dist/locale/zh-cn';

版本：
"antd": "^4.15.1",
"moment":  "^2.29.1"
测试可行。

解决了感谢
"antd": "^4.24.6"
"moment": "^2.29.2",

Flcwl · 2023-02-27T05:34:50Z

@zombieJ 请教下，现在 4.24.8 版本国际化中文的需求，是不是不需要在项目内 moment.locale('zh_cn') 了？

taoxiaofeng · 2023-04-24T08:08:40Z

antd@4.23.2 moment@2.29.4 手写moment语言包，已解决
└─┬ antd@4.23.2
  ├── moment@2.29.4
  └─┬ rc-picker@2.6.10
    └── moment@2.29.4 deduped
https://codesandbox.io/s/suspicious-banzai-iwpso4?file=/src/App.js

此方法管用，谢谢

simplast · 2023-05-30T02:36:31Z

yarn add moment@2.29.4 装了这个版本可以了

visionChengc · 2023-08-23T02:07:35Z

如果使用的是yarn 可以加上resolutions 字段固定moment版本其他工具同理

katoto · 2024-03-05T02:39:54Z

@wumiangithub 我也遇到了这个问题（rc-picker 依赖moment:v2.24.0）和我本地的版本v:2.27.0不一致，请问你是如何解决的呢？

我知道了，rc-picker 的package中引用的是^2.24.0,^实际取得是最近的大版本，所以实际版本应该看node_modules->moment>momentjs的version实际为2.29.1，那么本地版本修改为^2.24.0就可以了

有用

afc163 closed this as completed May 6, 2020

afc163 reopened this May 6, 2020

afc163 added a commit that referenced this issue May 6, 2020

docs: fix moment locale faq

c8fdc93

close #23891

afc163 mentioned this issue May 6, 2020

docs: fix moment locale faq #23895

Merged

14 tasks

afc163 closed this as completed in #23895 May 6, 2020

afc163 added a commit that referenced this issue May 6, 2020

docs: fix moment locale faq (#23895)

fdf0f2e

close #23891

JarVZhao mentioned this issue Aug 4, 2020

DatePicker日期国际化错误中英文都存在 #26003

Closed

xrkffgg mentioned this issue Nov 11, 2020

RangePicker 无法设置为中文显示 #27701

Closed

1 task

Mr-Grp mentioned this issue Jun 22, 2022

DatePicker日期国际化错误中英文都存在 #36162

Closed

ychengcloud mentioned this issue Jul 15, 2022

导入Ant日期组件，无法显示中文日期，能否解决一下！ ychengcloud/react-vite-admin#6

Closed

lijie602 mentioned this issue Dec 29, 2022

将 import 'moment/locale/zh-cn'; #39897

Closed

DatePicker日期国际化错误 中英文都存在 #23891

DatePicker日期国际化错误 中英文都存在 #23891

Comments

DreamPWJ commented May 6, 2020

Reproduction link

Steps to reproduce

What is expected?

What is actually happening?

DreamPWJ commented May 6, 2020

afc163 commented May 6, 2020

DreamPWJ commented May 6, 2020

afc163 commented May 6, 2020

songyanzhen commented May 22, 2020

songyanzhen commented May 22, 2020

Delphier commented May 25, 2020 • edited

JarVZhao commented Aug 4, 2020

xrkffgg commented Aug 4, 2020

JarVZhao commented Aug 4, 2020 via email • edited

JarVZhao commented Aug 4, 2020

afc163 commented Aug 4, 2020

JarVZhao commented Aug 4, 2020 • edited

wzw-beichen commented Aug 18, 2020

wzw-beichen commented Aug 18, 2020

wzw-beichen commented Aug 18, 2020

FredZeng commented Aug 31, 2020

wumiangithub commented Sep 23, 2020

pearone commented Sep 29, 2020

into-piece commented Nov 2, 2020 • edited

andycao commented Dec 18, 2020

lou0820 commented Dec 29, 2020 • edited

georgehpj commented Dec 29, 2020

zhangchao828 commented Jan 5, 2021 • edited

ltbyce commented Jan 12, 2021

ltbyce commented Jan 12, 2021

rainmanhhh commented Mar 5, 2021 • edited

qhx0807 commented Apr 15, 2021

g770728y commented Apr 29, 2021

yueqjGithub commented Oct 15, 2021

Jack-Lo commented Dec 7, 2021

ningtiao commented Feb 27, 2022

story-song commented Jun 15, 2022

MICAHFANG commented Nov 3, 2022

lijie602 commented Dec 29, 2022

Flcwl commented Feb 27, 2023

taoxiaofeng commented Apr 24, 2023

simplast commented May 30, 2023

visionChengc commented Aug 23, 2023

katoto commented Mar 5, 2024

DatePicker日期国际化错误中英文都存在 #23891

DatePicker日期国际化错误中英文都存在 #23891

Delphier commented May 25, 2020 •

edited

JarVZhao commented Aug 4, 2020 via email •

edited

JarVZhao commented Aug 4, 2020 •

edited

into-piece commented Nov 2, 2020 •

edited

lou0820 commented Dec 29, 2020 •

edited

zhangchao828 commented Jan 5, 2021 •

edited

rainmanhhh commented Mar 5, 2021 •

edited