蚂蚁金服的前端UI框架Ant Design 有专门针对 React 设计的 Ant Design for React 。今天在使用其中的DatePicker 日期组件时遇到一个问题,其中有一些按钮显示英文,如下图所示:
官方给出了设置中文的方法,称之为“国际化配置”:
默认配置为 en-US,如有特殊需求(仅修改单一组件的语言),可使用 locale 参数,参考:默认配置。
单一组件设置为中文:importzhCNfromantd/es/date-picker/locale/zh_CN;//引入中文包
//组件添加locale属性
;//设置为中文
注意:DatePicker、MonthPicker、RangePicker、WeekPicker 部分 locale 是从 value 中读取,需要先正确设置 moment 的 locale。//默认语言为en-US,如果你需要设置其他语言,推荐在入口文件全局设置locale
importmomentfrommoment;
importmoment/locale/zh-cn;
moment.locale(zh-cn);
;
如果页面中的日期组间比较多,可以为组件设置统一的全局化变量。
ConfigProvide