自学内容网 自学内容网

ant-design-vue 时间选择器 a-date-picker 单组件设置国际化失效问题解决

项目中使用的是 element-plus 组件库,但是由于 el-date-picker 的日期选择器下方没有“今天”的选项,所以临时选择使用 a-date-picker 替代。

因为项目没有给 ant-design-vue 做全局的国际化配置,所以组件显示的都是英文,如下图:
在这里插入图片描述

如何给单组件设置国际化呢?官网中给出了示例:
在这里插入图片描述

但是按照官网给出的示例,组件的效果却不是完整的汉化:
在这里插入图片描述

经过一番搜索,在官网找到了答案:
链接: 为什么时间类组件的国际化 locale 设置不生效

只需要在组件中加上如下代码,即可解决:

import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");

问题解决,特此记录


原文地址:https://blog.csdn.net/Curry_On/article/details/142977088

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!