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

  • Post author:
  • Post category:vue


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,
    };
 },



版权声明:本文为dulei_start原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。