ant-design-vue datePicker日期组件中文格式月份与星期显示英文

根据官网的写法,在app.vue文件引入国际化设置组件

复制代码
<template>
  <a-config-provider :locale="locale">
    <App />
  </a-config-provider>
</template>

<script>
  import zhCN from 'ant-design-vue/es/locale/zh_CN';

  export default {
    data() {
      return {
        locale: zhCN,
      };
    },
  };
</script>
复制代码

其他组件没什么问题,只是在使用日期组件时发现月份和星期显示的还是英文

 

在新版本中,日期组件使用的是dayjs格式,还需要引入 dayjs/locale/zh-cn

现在官网的国际化设置也更新了这部分内容,使用新版本的按照官网的写法设置就可以了

复制代码
<template>
  <a-config-provider :locale="locale">
    <App />
  </a-config-provider>
</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 {
    data() {
      return {
        locale: zhCN,
      };
    },
  };
</script>
复制代码

 

posted @   潇湘羽西  阅读(2471)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 聊一聊 C#异步 任务延续的三种底层玩法
· 上位机能不能替代PLC呢?
· 2024年终总结:5000 Star,10w 下载量,这是我交出的开源答卷
· 一个适用于 .NET 的开源整洁架构项目模板
· .NET Core:架构、特性和优势详解
点击右上角即可分享
微信分享提示