element plus 日期组件默认为英语，修改为中文的方法

项目需要使用日期选择组件，使用el-date-picker日期组件，结果打开一看默认为英语。

未修改前的代码如下

<template><div style="padding: 100px">日期：<el-date-pickerv-model="value1"type="date"placeholder="选择日期"format="YYYY/MM/DD"value-format="YYYY-MM-DD":locale="locale"/></div>
</template><script>
import { ref } from "vue";
export default {setup() {const value1 = ref();return {value1,};},
};
</script>

看了许多方法，有的在main.js里面修改。由于我用的是element官方的自动按需引入，不能在main.js里修改。

在element官方看到文档

点击国际化进入

发现可以使用这个标签包裹实现单一组件的语言修改功能，我尝试了一下

修改后，日期内容显示为中文

代码如下

<template><div style="padding: 100px">日期：<el-config-provider :locale="locale"><el-date-pickerv-model="value1"type="date"placeholder="选择日期"format="YYYY/MM/DD"value-format="YYYY-MM-DD":locale="locale"/></el-config-provider></div>
</template><script>
import zhCn from "element-plus/lib/locale/lang/zh-cn";
import { ref } from "vue";
export default {setup() {const value1 = ref();return {value1,locale: zhCn,};},
};
</script>

element plus 日期组件默认为英语，修改为中文的方法相关推荐

vue中自适应rem的设置及vant组件库px自动修改为相对大小的方法两则（postcss-pxtorem和postcss-px-to-viewport）
一.vue中自适应rem的设置新建文件src/libs/rem.js function setRem() {// 750px为设计稿视口宽度字体大小默认18px;const screenWidth ...
Gta5(侠盗猎车手)修改为中文的方法
Gta5 初始下载为英文版 , 要学英语的可忽略此内容,由于Gta5本神自带多门语言 ,所以修改成中文的方法很简单 1. 解压缩后在目录下找到一个名为 steam_api 的文件 2. 使用记事本打开 ...
vue基于element时间日期组件上传多个时间转字符串（限制今天以前不能选）
html <el-form-item label="最晚到货时间" prop="project_time2" size="small" ...
/动态设置element DatePicker日期组件的disabledDate禁选日期
pickerOptionsLeave() {const _this = thisreturn {disabledDate(time) {return time.getTime() < new D ...
ant-design-vue日期组件默认是英文解决办法
第一步 npm i moment 第二步 App.vue文件中添加 <template><a-config-provider :locale="locale"&g ...
vue使用element选择日期组件的el-date-picker ，如何不唤醒键盘(已解决)
官网链接点击查看官网链接描述将editable设置为false问题就解决了
将vue-admin-template组件默认英文语言改成中文
1.打开main.js 文件,修改注释掉英文 //import enLocale from 'element-ui/lib/locale/lang/en' 重新引入中文 import z ...
【Xcode】发布到app store的应用语言默认显示英文修改成中文
Localized resources can be mixed 设置YES 在检查下project-info下Localizations配置项
[经验教程]韩服DNF能否汉化将韩语怎么修改成中文？
韩服DNF能否汉化成中文? 2022年3月23日 11:00后韩服DNF开放下载,但是很多游戏玩家下载后懵了全是看不懂的韩语.对于国内玩家来说不是什么难题,只是不适应.因为很多游戏基本操作都相似,点几 ...

element plus 日期组件默认为英语，修改为中文的方法

element plus 日期组件默认为英语，修改为中文的方法相关推荐

最新文章

热门文章