antd vue datepicker 中文汉化不全,求解

按照官方文档操作显示不行,后来改用本地locale也不行,求指导。

官方链接 :https://www.antdv.com/components/date-picker-cn/#%E5%9B%BD%E9%99%85%E5%8C%96%E9%85%8D%E7%BD%AE

官方示例就是中文显示不全

改用本地locale 也不行,如下:

const DatePickerLocalCN = {
lang: {
locale: 'zh_cn',
placeholder: '选择日期',
rangePlaceholder: ['开始日期', '结束日期'],
today: '今天',
now: '此刻',
backToToday: '返回今天',
ok: '确定',
clear: '清除',
month: '月',
year: '年',
timeSelect: '选择时间',
dateSelect: '选择日期',
monthSelect: '选择月份',
yearSelect: '选择年份',
decadeSelect: '选择年代',
yearFormat: 'YYYY年',
dateFormat: 'M/D/YYYY',
dayFormat: 'D日',
dateTimeFormat: 'M/D/YYYY HH:mm:ss',
monthFormat: 'M月',
monthBeforeYear: true,
previousMonth: 'Previous month (PageUp)',
nextMonth: 'Next month (PageDown)',
previousYear: '上一年 (Control键加左方向键)',
nextYear: '下一年 (Control键加右方向键)',
previousDecade: '上一年代',
nextDecade: '下一年代',
previousCentury: '上一世纪',
nextCentury: '下一世纪'
},
timePickerLocale: {
placeholder: '选择时间'
},
dateFormat: 'YYYY-MM-DD',
dateTimeFormat: 'YYYY-MM-DD HH:mm:ss',
weekFormat: 'YYYY-wo',
monthFormat: 'YYYY-MM'
}
export default DatePickerLocalCN

调用

 1 <template>
 2 <div>
 3  <a-date-picker  :locale="DatePickerLocalCN"  />
 4 </div>
 5 </template>
 6 <script>
 7 import DatePickerLocalCN from '@/utils/datepickerLocaleCN'
 8 export default {
 9 data (){
10     return {
11     DatePickerLocalCN,
12     }
13 }

回答

升级下antd vue 版本就解决了

THE END
分享
二维码
< <上一篇
下一篇>>