按照官方文档操作显示不行,后来改用本地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 版本就解决了
这.......
需要引入的dayjs 或者 moment 的汉化文件,看你的ant-design-vue用的哪个时间插件了
import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn';
dayjs.locale('en');
不行的 ,应该是antd vue 框架问题,后面切换升级了一个版本后就可以了。