当你使用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'