ant组件库日期选择器汉化

巧克力小猫猿

于 2024-06-12 14:23:30 发布

阅读量278

点赞数 3

分类专栏： vue 文章标签： anti-design-vue

本文链接：https://blog.csdn.net/zxdznyy/article/details/139625570

版权

vue 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

ant组件库日期选择器默认英文

在这里插入图片描述

如何汉化

跟着官网走不能完全实现汉化。

这里提供一个解决方案，首先，通过pnpm下载moment包。

然后引入和注册文件：

  import zhCN from 'ant-design-vue/es/locale/zh_CN';
  import moment from 'moment';

  moment.locale('zh-cn');

还需要引入一个组件，该组件用于全局化配置：

  import { ConfigProvider } from 'ant-design-vue';

然后可在组件中使用：
在这里插入图片描述

              <ConfigProvider :locale="zhCN">
                <a-date-picker
                  v-model:value="formState.birth"
                  format="YYYY/MM/DD"
                  style="width: 100%"
                  placeholder="请选择日期"
                  allow-clear
                ></a-date-picker>
              </ConfigProvider>