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>
说明一下,解决方法是从下面这个文章找到的