首页 > 其他分享 >Vite+Vue3.0项目使用ant-design-vue <a-calendar>日期组件汉化

Vite+Vue3.0项目使用ant-design-vue <a-calendar>日期组件汉化

时间:2024-04-08 16:34:08浏览次数:13  
标签:vue dayjs App ant Vue3.0 design import

antd的弹框、日期等默认为英文,要把英文转为中文请看下文:

1.首先我们要在main.js中引入ant-design组件库并全局挂载:

import App from './App'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';


const app = createApp(App);
app.use(Antd);

2.然后我们需要在App.vue文件(根页面)通过配置ConfigProvider全局配置国际化——中文:

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

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

现在就正常都转为中文了(效果图):

标签:vue,dayjs,App,ant,Vue3.0,design,import
From: https://blog.csdn.net/weixin_45326661/article/details/137513259

相关文章

  • vue3使用van-picker组件时,滑动选中某个数值时在旁边相应显示单位
    vant的官方文档中没有支持这种需求的属性或方法,所以只能自己找别的方法。方法一van-picker控件选中某个元素时,该元素会有一个类名van-picker-column__item–selected我们可以在css里给这个类名通过::after,即使用伪类,来添加单位.van-picker-column__item--selected::aft......
  • Feature flag __VUE_PROD_HYDRATION_MISMATCH_DETAILS__ is not explicitly defined.
    由于defineModel在vue3.4版本才能使用,原有项目依赖为"vue":"^3.3.4", "@vitejs/plugin-vue":"^4.1.0",升级项目中vue版本后出现如下警告:Featureflag__VUE_PROD_HYDRATION_MISMATCH_DETAILS__isnotexplicitlydefined.Youarerunningtheesm-bund......
  • 前端【VUE】08-vue【插槽】【默认插槽】【具名插槽】【作用域插槽】
    1、默认插槽默认插槽对应的插槽的名字为default  1、组件目录下components/MyDialog.vue1<template>2<divclass="dialog">3<divclass="dialog-header">4<h3>友情提示</h3>5<spanclass="close......
  • 如何在vue工程中模块化使用大量的svg图片
    如果你在执行 requireAll(requireSvg) 后得到的是一个 BrowserSpriteSymbol 数组,并且能够直接使用 <use> 进行引用,这通常意味着在构建过程中有一些特定的Webpack配置和/或自定义加载器(loader)被用来处理SVG文件,并将它们转换为一个SVGSprite,其中每个SVG都转换为了一个......
  • vue快速入门(十二)v-key索引标志
    注释很详细,直接上代码新增内容v-key的使用场景数组筛选器的使用源码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0">&......
  • 基于springboot+vue+Mysql的学习平台
    开发语言:Java框架:springbootJDK版本:JDK1.8服务器:tomcat7数据库:mysql5.7(一定要5.7版本)数据库工具:Navicat11开发软件:eclipse/myeclipse/ideaMaven包:Maven3.3.9系统展示平台首页用户注册课程信息作业信息资料信息个人中心管理员功能界面学生管理教师管理课程......
  • 基于Java+SpringBoot+Vue的SRM供应商系统(源码分享)
           前言:供应商招投标管理系统是一个综合性的管理平台,旨在规范供应商的招投标流程,确保采购过程的透明度和公正性,同时提高采购效率。以下是对您提到的各个环节的详细解释:一、供应商准入供应商准入是招投标管理系统的首要环节,它负责审核和管理潜在供应商的资质。具......
  • 常见原型设计工具介绍-00-overvuew
    拓展阅读常见免费开源绘图工具OmniGraffle创建精确、美观图形的工具UML-架构图入门介绍starUMLUML绘制工具starUML入门介绍PlantUML是绘制uml的一个开源项目UML等常见图绘制工具绘图工具draw.io/diagrams.net免费在线图表编辑器绘图工具excalidraw介绍绘......
  • 前端【VUE】07-vue【路由】
    一、路由单页应用程序:SPA-SinglePageApplication  VueRouter的介绍作用:修改地址栏路径时,切换显示匹配的组件说明:Vue官方的一个路由插件,是一个第三方包官网:https://v3.router.vuejs.org/zh/vue2对应 router3 vue3对应router4......
  • vue 下载图片
    <ahref="https://example.com/image.jpg"rel="externalnofollow"download>下载图片</a>//下载图片asyncdownloadImage(e){//获取图片对象和画布对象constimgUrl=https://example.com/image.jpgconstresponse=awaitfetc......