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

推荐订阅源

D
Docker
人人都是产品经理
人人都是产品经理
小众软件
小众软件
博客园 - Franky
WordPress大学
WordPress大学
Jina AI
Jina AI
Google DeepMind News
Google DeepMind News
I
InfoQ
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
F
Fortinet All Blogs
博客园 - 【当耐特】
IT之家
IT之家
G
Google Developers Blog
J
Java Code Geeks
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
云风的 BLOG
云风的 BLOG
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
V
Visual Studio Blog
U
Unit 42
阮一峰的网络日志
阮一峰的网络日志
月光博客
月光博客
GbyAI
GbyAI
雷峰网
雷峰网

博客园 - 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)  评论()    收藏  举报