首页 新闻 会员 周边 捐助

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

0
悬赏园豆:10 [已解决问题] 解决于 2022-06-30 17:28

按照官方文档操作显示不行,后来改用本地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 }
< >
分享
最佳答案
0

升级下antd vue 版本就解决了

apgk | 初学一级 |园豆:47 | 2022-06-30 17:27
其他回答(2)
0

这.......

阿山早 | 园豆:410 (菜鸟二级) | 2021-09-25 19:59
0

需要引入的dayjs 或者 moment 的汉化文件,看你的ant-design-vue用的哪个时间插件了
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('en');

收获园豆:10
blackbentel | 园豆:212 (菜鸟二级) | 2022-03-18 16:02

不行的 ,应该是antd vue 框架问题,后面切换升级了一个版本后就可以了。

支持(0) 反对(0) apgk | 园豆:47 (初学一级) | 2022-06-30 17:28
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册