antd DatePicker,RangePicker中设置为中文

默认的是英文的:

antd DatePicker,RangePicker中设置为中文_第1张图片

一个中文的项目,用这个感觉很不搭,就把改成中文的。

更改后的:

antd DatePicker,RangePicker中设置为中文_第2张图片

需要设置国际化:

局部设置:

在需要使用到RangePicker的组件的地方引入:

import { LocaleProvider } from 'antd';

import zh_CN from 'antd/lib/locale-provider/zh_CN';

import 'moment/locale/zh-cn';

。。。。。。。。。

defaultValue={[moment('2018-01-01', dateFormat), moment('2018-06-01', dateFormat)]}

format={dateFormat} onChange={onChange}

style={{ width: 190 }}

getCalendarContainer={()=>document.getElementById('SelectTime')}

/>

就是在组件的外层套上LocaleProvider组件

、、、、、、、、、2019.4.12更新、、、、、、、、、、、

全局修改:

antd DatePicker,RangePicker中设置为中文_第3张图片

是在整个项目的app上套组件----国际化

 

-------------------------------------------------------------------------------------------------------------------------------------------------------------------如遇到问题:+WX:WAZJ-0508,及时联系---------------------------------------------------------------------------------------------------------------------------------------------------

你可能感兴趣的:(Antd)