900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > antd DatePicker 日期国际化错误 中英文混合存在(月份 星期英文 其他中文)

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

时间:2018-08-14 07:56:44

相关推荐

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

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

版本代码效果:![在这里插入图片描述](https://img-/d604d207c3bc4434b0c57bccbdd1a8f4.jpg?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAVjjotKQ=,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)解决效果:

版本

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><RangePickersuffixIcon=""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'; // 也可以放在入口文件,我这个是组件局部

效果:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。