antd DatePicker,RangePicker中设置为中文

默认的是英文的:

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

更改后的:

需要设置国际化:

局部设置:

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

import { LocaleProvider } from 'antd';

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

import 'moment/locale/zh-cn';

。。。。。。。。。

<LocaleProvider locale={zh_CN}>

<RangePicker

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

format={dateFormat} onChange={onChange}

style={{ width: 190 }}

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

/>

</LocaleProvider>

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

全局修改:

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

猜你喜欢

转载自blog.csdn.net/Zeng__Yi/article/details/83620262