react使用的antd组件库之DatePicker组件线上和线下显示中英文混合bug解决

1、首先到package.json文件中看有没有moment插件的引入；
2、运行：npm install -S moment // 若有moment的最新版本引入 可跳过该步骤， 建议使用moment的最新版本；
3、在使用DatePicker组件的文件处最上面 需要导入两个插件
import ‘moment/locale/zh-cn’;
import locale from ‘antd/es/date-picker/locale/zh_CN’;
再在DatePicker组件中加入locale属性：

4、若是项目中多个使用DatePicker组件可以在项目的最顶层配置国际化
项目的入口文件需要导入
import moment from ‘moment’;
import ‘moment/locale/zh-cn’;
import locale from ‘antd/lib/locale/zh_CN’;

{ /* 项目的代码 */} ;

步骤4配合步骤3可以单独设置指定DatePicker组件使用的语言。

下面是顶层配置了国际化，但是入口文件只导入import locale from ‘antd/lib/locale/zh_CN’;展示失败的中英文混合bug

下面是配置成功的效果