惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

月光博客
月光博客
有赞技术团队
有赞技术团队
S
SegmentFault 最新的问题
宝玉的分享
宝玉的分享
量子位
小众软件
小众软件
The Cloudflare Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
大猫的无限游戏
大猫的无限游戏
C
Check Point Blog
G
Google Developers Blog
博客园 - 叶小钗
H
Help Net Security
Jina AI
Jina AI
Y
Y Combinator Blog
Last Week in AI
Last Week in AI
GbyAI
GbyAI
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Apple Machine Learning Research
Apple Machine Learning Research
MyScale Blog
MyScale Blog
T
Tailwind CSS Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Vercel News
Vercel News

博客园 - Shapley

项目心得 进程间通讯方式 C#使用MCP协议调用大模型示例 SQL Server LEAD函数实践 sql server行专列一例 数据库字段排序方法两则 Sql Server生成ULID例子 审批流进化记 winform+Task+async 献丑贴:Task.Run中foreach优化 Sql Server Begin TRY sample No service for type 'Microsoft.AspNetCore.Mvc.ViewFeatures.Filters.ValidateAntiforgeryTokenAuthorizationFilter' has been registered. 某低代码平台自定义控件技术点 Chrome浏览器无法查看页面跳转前的请求日志及解决办法 element-plus上传视频并生成缩略图(封面)方案 JWT自动刷新草案 Ajax方法POST的两种提交方式 H5项目在微信浏览器运行实录 Sql Server变量声明及使用技巧 修改Dify的Nginx对外访问端口 Task with Console(with SemaphoreSlim) Task实战 asp.net core 9.0发布centos7.9 Barrier CountdownEvent
Element-plus的el-date-picker控件动态切换中英文方案
Shapley · 2025-08-10 · via 博客园 - Shapley

1.需要使用el-config-provider

引入:

import { ElConfigProvider } from 'element-plus'

然后在使用时用此空间包裹

 <el-config-provider :locale="locale">
            <el-date-picker type="date" v-model="ruleForm.purchaseddate" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
              :placeholder="$t('input.purchaseddateholder')" style="width: 100%" />
            </el-config-provider>

然后声明相关变量

import enLocale from 'element-plus/dist/locale/en.mjs' // Element 英文包
import zhLocale from 'element-plus/dist/locale/zh-cn.mjs' // Element 中文包
const locale=ref(enLocale);

然后在onMounted方法中对locale变量进行切换

英文效果:

ad7dcea8-73b6-4746-800c-a70734a23a5e

中文效果:

ef58a99d-1f19-451e-bb45-14399ef2e186

posted @ 2025-08-10 15:44  Shapley  阅读(369)  评论()    收藏  举报