Antd中RangePicker组件弹出的日历中英混杂,月份和周显示为英问题

在开发中需要用到antd中的RangePicker组件,但是出现了一个问题:

日历中英混杂,年份是中文,月份和周都是英文

Antd中RangePicker组件弹出的日历中英混杂,月份和周显示为英问题_第1张图片

 搜索了一下这个问题主要是moment造成的,可能有很多种情况,需要根据项目的自身情况来修改,首先确定一下项目中package.json中antd版本和moment版本:

Antd中RangePicker组件弹出的日历中英混杂,月份和周显示为英问题_第2张图片

我的版本是:

"moment": "^2.29.3",

"antd": "^4.21.2",

出现这个中英混杂的问题可能有几种可能:

一种情况可能是moment版本太低,解决方法:升级版本

一种情况可能是moment用npm下载的,解决办法:卸载后用yarn重新下载

如果这两种情况排除,可以在组件中引入一下import 'moment/locale/zh-cn'

Antd中RangePicker组件弹出的日历中英混杂,月份和周显示为英问题_第3张图片

如果这个不成功可以试一下 import 'moment/dist/locale/zh-cn'

然后就可以看到组件已经全部都变成中文了!

Antd中RangePicker组件弹出的日历中英混杂,月份和周显示为英问题_第4张图片

 

你可能感兴趣的:(前端,前端框架)