本文主要介绍了在使用antd库的RangePicker组件时遇到的日历中英混杂问题，问题根源指向了moment。解决方案包括升级moment版本、使用yarn重新安装、以及在代码中引入moment的中文语言包。通过`import 'moment/locale/zh-cn'`或者`import 'moment/dist/locale/zh-cn'`可以使组件显示全中文。
在开发中需要用到antd中的RangePicker组件，但是出现了一个问题：
日历中英混杂，年份是中文，月份和周都是英文
搜索了一下这个问题主要是moment造成的，可能有很多种情况，需要根据项目的自身情况来修改，首先确定一下项目中package.json中antd版本和moment版本：
我的版本是：
"moment": "^2.29.3",
"antd": "^4.21.2",
出现这个中英混杂的问题可能有几种可能：
一种情况可能是moment版本太低，解决方法：升级版本
一种情况可能是moment用npm下载的，解决办法：卸载后用yarn重新下载
如果这两种情况排除，可以在组件中引入一下import 'moment/locale/zh-cn'
如果这个不成功可以试一下 import 'moment/dist/locale/zh-cn'
然后就可以看到组件已经全部都变成中文了！
扫一扫
979
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
