首页 新闻 搜索 专区 学院

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

0
悬赏园豆:10 [待解决问题]

按照官方文档操作显示不行,后来改用本地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 }
< >
分享
所有回答(1)
0

这.......

压力比山大 | 园豆:410 (菜鸟二级) | 2021-09-25 19:59
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册