antd-vue - - - - - date-picker中文化?

date-picker中文化

1.场景

引入antd的date-picker之后发现效果如下:
在这里插入图片描述

what?为啥不是中文的呢?之前用element的时候也没遇到这个呀?

细细查看官方文档发现这么一句话:
官方地址: 【国际化配置】
在这里插入图片描述

2. 解决办法

因为全项目不确定有多少个地方在使用这组件,所以准备在顶层vue上包裹一层 LocaleProvider组

App.vue

<template>
  <div id="app">
    <a-config-provider :locale="zhCN">
      <router-view />
    </a-config-provider>
  </div>
</template>

<script>
import zhCN from "ant-design-vue/es/locale/zh_CN"; //汉化
import dayjs from "dayjs";
import "dayjs/locale/zh-cn";
dayjs.locale("zh-cn");

export default {
      
      
  setup() {
      
      
    return {
      
      
      zhCN
    };
  }
};
</script>

效果如下:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Dark_programmer/article/details/130386587