Ant Design时间选择框汉化问题总结------国际化

Ant Design用起来确实很好用,若是做管理后台真的是很适合。

最近遇到了时间框汉化的问题,代码如下图:

结果如下图: 

Ant Design时间选择框汉化问题总结------国际化_第1张图片

随之就要把时间选择器汉化,先是从antd官网找到一种方式,如下:

import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');

结果如下图:(日历部分变为中文,但是placeholder、select time和ok还是英文)

Ant Design时间选择框汉化问题总结------国际化_第2张图片

随后寻找很多办法,看官方文档https://ant.design/components/locale-provider-cn/找出了方法....‘国际化’

import zh_CN from 'antd/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
import { LocaleProvider } from 'antd';

	

结果如下图:

Ant Design时间选择框汉化问题总结------国际化_第3张图片

总结:还是要好好看文档,哈哈哈哈哈哈

你可能感兴趣的:(Ant,Design)