Antd的日期选择器中文化配置,不生效问题解决办法,坑啊

文章讲述了使用antd日期选择器时遇到的中文显示问题,作者在配置dayjs和moment两种方式后解决了这个问题,强调了正确引入国际化包路径的重要性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

当你使用antd的日期选择器后,你会发现日期什么都是英文的:即便你已经在项目中配置了中文化:

我确实已经配置了中文化:

但是为啥没生效?官网回答:FAQ - Ant Design 

使用dayjs配置

dayjs中文网: 安装 | Day.js中文网

所以按照官网提示,安装dayjs:

pnpm add dayjs

然后配置: 点击保存

import dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'

dayjs.locale('zh-cn')

而且还要使用antd提供的ConfigProvider 配置一下: 

到网页上重新刷新网页: 就已经是中文了

如果不行,就换下面的moment方式,我这里就遇到了不生效,但是配置moment的方式生效了

使用moment配置

antd官网的配置也是奇葩,说的dayjs要是不生效,可能是版本不匹配,然后点一下它的链接,结果变成了moment的版本:FAQ - Ant Design

 然后把我就尝试使用moment来作为依赖:

pnpm install moment

安装好之后,就可以在代码里面配置了:

import zhCN from 'antd/es/locale/zh_CN'

import moment from 'moment'
// 一定要用这个路径,否则不生效
import 'moment/dist/locale/zh-cn'




// 日期选择器中文化
moment.locale('zh-cn')

记得一定要使用正确的zh_CN路径,否则不生效!顺便谢谢官方给的不正确的路径!

官方给的是不生效的:import 'moment/locale/zh-cn';

要使用下面的路径:import 'moment/dist/locale/zh-cn'

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

1024小神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值