问题描述:
在使用 ant-design-vue 的 DataPicker 时,日期默认的都是英文,如图所示:
但是我们通常做的是中文版的,如果显示英文版日期,与整体风格不符,另外英语差的还不好选择对应的月份或星期类型,所以我们需要将英文汉化,效果如图:
解决办法:
由于 ant-design-vue 底层使用了 momentJS 插件,所以在日期相关组件的语言设置时也需要对其进行语言设置,具体的操作为:
import moment from 'moment'
import 'moment/locale/zh-cn'
moment.locale('zh-cn')
到此,设置就完成了,不再需要其他操作了。
误区:
百度里有很多其他办法,如:a-locale-provider 添加配置信息,如:
<a-locale-provider locale ="locale" >
<date-picker ></date-picker>
</a-locale-provider>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
export default {
data() {
return {
locale: zhCN,
};
},
};
是不需要的。