1. 程式人生 > >antd DatePicker,RangePicker中設定為中文

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上套元件----國際化