antd DatePicker,RangePicker中設定為中文
阿新 • • 發佈:2018-12-18
預設的是英文的:
一箇中文的專案,用這個感覺很不搭,就把改成中文的。
更改後的:
需要設定國際化:
區域性設定:
在需要使用到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上套元件----國際化