项目在用antd 4.18.9 时,遇到datepicker 月份和周都没正常展示中文。
虽然项目有设置全局ConfigProvider的locale,但似乎从输出的locale来看(来自 antd/lib/locale/zh_CN),缺少了monthFormat和shortWeekdays两个配置项,一个是展示月份的配置,一个是展示周的配置。
那既然如此,不妨自己扩展一下locale,补上缺失的配置项。(仅用于中文)
新建一个ts文件:
import zhCN from 'antd/lib/locale/zh_CN';
const ZhLocale: typeof zhCN = zhCN;
ZhLocale.DatePicker!.lang = {
...zhCN.DatePicker!.lang,
monthFormat: 'M月',
shortWeekDays: ['日', '一', '二', '三', '四', '五', '六']
}
export default ZhLocale;
后面全局配置locale就不再直接用antd/lib/locale/zh_CN的了
// 引入自己补充过的配置
import zhCN from 'lib/zh_cn';
<ConfigProvider locale={zhCN}></ConfigProvider>