antd5版本日期组件中英文混合出现的问题解决

247 阅读1分钟
import { ConfigProvider, DatePicker, RangePicker } from 'antd';

// 不要引入antd/es/locale/zh_CN,如果使用引入这个,会导致下面的单独配置无法在RangePicker组件生效
import zhCN from 'antd/locale/zh_CN';

import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('zh-cn');

// 如果上面的配置解决不了,可以通过单独进行日期组件的配置来解决
const ZhLocale: typeof zhCN = zhCN
ZhLocale.DatePicker!.lang = {
    ...zhCN.DatePicker!.lang,
    monthFormat: "M月",
    shortWeekDays: ["日", "一", "二", "三", "四", "五", "六"],
}


<ConfigProvider locale={zhCN}>
  <DatePicker />
  <RangePicker />
</ConfigProvider>

说明一下,解决方法是从下面这个文章找到的

blog.csdn.net/dont27/arti…