vue3.0使用ant design vue3.2.10版本的日期组件的国际化和全局框架汉化

dulei_start

已于 2022-07-26 18:58:18 修改

阅读量1.1k

点赞数 2

分类专栏：学习工作 js 文章标签：前端 ant desgin vue vue3.0

于 2022-07-22 10:58:41 首次发布

本文链接：https://blog.csdn.net/dulei_start/article/details/125927875

版权

学习同时被 3 个专栏收录

19 篇文章 1 订阅

订阅专栏

工作

17 篇文章 0 订阅

订阅专栏

7 篇文章 0 订阅

订阅专栏

1.在文件中引用

import dayjs, { Dayjs } from "dayjs";
import "dayjs/locale/zh-cn";
import locale from "ant-design-vue/es/date-picker/locale/zh_CN";
dayjs.locale("zh-cn");
export default defineComponent({
  setup(props) {
    return {
      dayjs,
      locale,
    };
  },
});

2.在date-picker组件中

<a-date-picker v-model:value="queryParam.time" :locale="locale"/>

或者全局框架的汉化

在App.vue 页面中

 <a-config-provider :locale="zhCN">
    <router-view />
  </a-config-provider>

import zhCN from "ant-design-vue/es/locale/zh_CN";
import dayjs from "dayjs"
import "dayjs/locale/zh-cn"
dayjs.locale("zh-cn")


setup() {
    return {
      zhCN,
    };
 },