Vue項目中使用ant-design時設置DatePicker日期控件中文顯示

 默認配置爲 en-US,如果你需要設置其他語言,推薦在入口處使用提供的國際化組件,詳見:LocaleProvider 國際化

方式一:在組件中單獨設置

import locale from 'antd/lib/date-picker/locale/zh_CN';

<DatePicker locale={locale} />;

 方法二:全局設置

注意:DatePicker、MonthPicker、RangePicker、WeekPicker 部分 locale 是從 value 中讀取,所以請先正確設置 moment 的 locale。

// 默認語言爲 en-US,如果你需要設置其他語言,推薦在入口文件全局設置 locale
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');

<DatePicker defaultValue={moment('2015-01-01', 'YYYY-MM-DD')} />;

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章