vue使用antd的时间控件，将时间控件里面的英文改为中文

原创 已于 2022-05-24 13:38:05 修改 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #开发语言

于 2022-03-14 17:01:48 首次发布
这篇博客主要介绍如何将应用程序中的时间控件从英文界面更改为中文显示，通过设置locale参数实现特定组件的语言切换，适用于有单独修改组件语言需求的场景。

需求：将时间控件里面的英文改为中文
原图：在这里插入图片描述
改为：
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
如有特殊需求（仅修改单一组件的语言），请使用 locale 参数：
在这里插入图片描述
在这里插入图片描述

前端VUE【实战】—— antd tree树形控件进行增删改查父子节点
2401_85124640的博客
06-17 1216
可以增加父子节点可以删除子节点可以编辑子节点信息可以取消编辑信息具体的效果图如下：直接上代码vue组件新增一级目录
最新前端VUE【实战】—— antd tree树形控件进行增删改查父子节点，前端音视频框架
2401_84447297的博客
05-09 485
技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】0’,技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】[外链图片转存中…(img-iBFSIEp7-1715260667448)]
AntdVue 全局配置国际化——中文（日期datepicker显示英文问题已解决）
weixin_73318685的博客
05-10 6480
AntdVue 全局配置国际化——中文（日期datepicker显示英文问题解决）， 全局配置后按键以及大部分内容都成功转为了中文，但是日期内的依旧还是英文。antd全局配置
element的日期 组件分页组件如何改为中文显示
diaolove的博客
02-03 4720
搜索并结合官网看，首先你得了解你的项目是使用Element UI 2.x 还是。如果你使用的是Element Plus就按照官网的配置，在main.js里输入。在写前端的时候时间组件和分页组件总是英文显示，我想使用中文。看你的main.js，我的是使用element ui 2x。2、Element Plus 组件 默认 使用。1、Element UI 2.x默认使用。希望改成中文的就把英文改成中文就可以的。
Element-Plus中日期时间选择器组件DateTimePicker默认显示英文的问题
weixin_49140905的博客
10-21 2644
因为Element-Plus框架默认显示的是英文版，需要修改语言配置 接下来是效果图 配置在src文件夹下的main.js文件 import { createApp } from "vue"; import App from "./App.vue"; import ElementPlus from "element-plus"; import "element-plus/dist/index.css"; import 'dayjs/locale/zh-cn'; import loca..
vue3 antd-design-vue3 日期组件语言不显示中文问题
最新发布
cuiwin的专栏
10-07 810
随着ant-design-vue v3的推出，ant-design-vue官方把时间组件中的momentjs 替换成了dayjs，升级完后发现日期显示不正常（月份，星期不显示中文), 修改如下。
antdv 日期组件语言改变
m0_57087617的博客
01-04 965
antd 日期组件汉化
vue-antd 树形控件全选与全不选
weixin_50572740的博客
04-18 3980
<a-button type="primary" @click="allCheck">{{allCheckFlag ? "全不选" : "全选"}}</a-button> <div class="tree-box"> <a-tree v-model="checkedKeys" checkable :defaultExpandAll="true" :tree-data="treeData" :replaceFields="repla...
前端VUE【实战】—— antd tree树形控件进行增删改查父子节点(1)
2401_84437691的博客
05-01 1330
技术是没有终点的，也是学不完的，最重要的是活着、不秃。零基础入门的时候看书还是看视频，我觉得成年人，何必做选择题呢，两个都要。喜欢看书就看书，喜欢看视频就看视频。最重要的是在自学的过程中，一定不要眼高手低，要实战，把学到的技术投入到项目当中，解决问题，之后进一步锤炼自己的技术。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。
2024年Web前端最新前端VUE【实战】—— antd tree树形控件进行增删改查父子节点，前端开发工程师面试问题
2401_84618790的博客
05-12 803
总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】实现的效果如下：可以增加父子节点可以删除子节点可以编辑子节点信息。
antd design vue 日期组件汉化
m0_58017645的博客
07-08 4803
使用antd design vue组件库时，一些默认提示为英文，要将英文汉化，以DatePicker为例 这里未把Today，select time等汉化的效果： 后来查找了很多文档，按照文档把其中一个日期选择框的Today给汉化了，具体的步骤如下： 1.引入 import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); 2.在data中初始化定义，并把自己想汉化的内容重新设置
把antd的日历插件的日期换成中文
浩星
03-11 4993
前言： 在网上百度搜索日历插件，经常就被导到日期插件那里去了，而且，antd的日历插件 calendar 也有英文和中文的问题，这里说一下解决办法。 效果： 前面是刚引入的效果图，后面是处理后的效果图 步骤： 1、引入中文插件 import 'moment/locale/zh-cn'; 2、data定义变量，然后页面组件中引用 data部分： locale:...
antdv 日期选择框date-picker中英文混显问题解决
cyh5d的博客
05-19 4435
ant-design-vue v3版本，日期选择框中月份和星期都显示英文，其它显示中文的情况，只需要在全局入口或局部组件内导入dayjs的locale即可，不需要设置dayjs的locale。（v2版本用的moment，把dayjs改成moment即可） import "dayjs/locale/zh-cn"; ...
ant design vue 3.0日期汉化月份及星期
泥娃娃
09-14 929
and design vue 日期汉化
【Antd+vue】Antd pro项目设置默认语言为中文
hnyanzijun1的博客
06-24 2426
【Antd+vue】Antd pro项目设置默认语言为中文 最近使用ANT DESIGN PRO OF VUE进行内部系统的开发，发现从官网拉下来的脚手架默认语言为英文，那么就需要我们额外设置一波了！通过简单3步，日期、分页控件等默认也均为中文哒 Step1. 在src\locales\index.js文件修改默认语言 // default lang // import enUS from './lang/en-US' import zhCN from './lang/zh-CN' // 默认语言由英文改为
antdv的date-picker等日期组件文字显示为中文方案总结
cabinx的博客
12-16 4561
antdv的date-picker等日期组件文字显示为中文方案 1.需求背景 最近开发财务项目中使用到了UI框架antdv，在使用到日期相关组件的时候，组件内的文字（包括星期，月份等）均显示为英文，对于用户使用体验来说不太友好，因此需要将日期相关组件的文字统一为中文。 解决方案 1.首先设置antdv的语言国际化调整为中文，操作如下： // 在顶层vue上包裹一层 LocaleProvider组件 <template> <a-locale-provider :locale
antd 时间选择器，设置显示为中文
qq_41148886的博客
11-18 7733
使用antd框架时，一些默认提示为英文，将英文提示改为中文，以DatePicker为例 可以使用 import { Tooltip , Button, Icon, Table, Select, DatePicker, LocaleProvider } from 'antd'; import zh_CN from 'antd/lib/locale-provider/zh_CN'; import ...
vue中清空antd日期控件的默认值
11-25
在Vue中清空Antd日期控件的默认值，可以通过在组件中使用ref属性来获取日期控件实例，然后调用其方法进行清空操作。具体步骤如下： 1. 在组件中使用ref属性获取日期控件实例，例如： ```html ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值