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