antd DatePicker 日期国际化错误 中英文混合存在(月份,星期英文,其他中文)

版本

  • package.json 文件:
    • “antd”: “4.16.3”,
    • “moment”: “^2.29.1”,

代码

import { DatePicker } from 'antd';
import locale from 'antd/es/date-picker/locale/zh_CN';
import 'moment/locale/zh-cn'; // 也可以放在入口文件,我这个是组件局部

const { RangePicker } = DatePicker;

const Component = () =>{
	return (
		<div>
			<RangePicker
	        	suffixIcon=""
	         	bordered={false}
	           	separator="~"
	           	locale={locale}
	           	format="YYYY-MM-DD HH:mm"
	           	showTime={{ format: 'HH:mm' }}
	           	onChange={(e, value) => console.log(value)}
	         />
		</div>
	)
}

效果:在这里插入图片描述

解决

// import 'moment/locale/zh-cn'; 
更改
import 'moment/dist/locale/zh-cn'; // 也可以放在入口文件,我这个是组件局部

效果:

在这里插入图片描述

  • 7
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 4
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值