修改element-ui-时间框date 将文字月份改为数字

效果图:(element自带的)

修改过的

js 复制代码
在main.js中
import Element from "element-ui";
import locale from "element-ui/lib/locale/lang/zh-CN";
locale.el.datepicker.months = {
    jan: "1月",
    feb: "2月",
    mar: "3月",
    apr: "4月",
    may: "5月",
    jun: "6月",
    jul: "7月",
    aug: "8月",
    sep: "9月",
    oct: "10月",
    nov: "11月",
    dec: "12月",
}; // 修改为页面上需要的

Vue.use(Element, {locale});


页面中:
 <el-date-picker
     v-model="dateValue"
     placeholder="选择月份"
     type="month"
     @change="queryEventLine"
     format="yyyy-MM"
     value-format="yyyy-MM"
 >
 </el-date-picker>
相关推荐
秋雨梧桐叶落莳2 分钟前
iOS——UI入门
ui·ios·cocoa
Hooray2 分钟前
AI 时代的管理后台框架,应该是什么样子?
前端·vue.js·ai编程
某人辛木9 分钟前
nodejs下载安装
开发语言·前端·javascript
zzginfo35 分钟前
javascript 类定义常见注意事项
开发语言·前端·javascript
天下无贼!36 分钟前
【功能实现】基于Vue3+TS实现大文件分片上传
开发语言·javascript·node.js·vue·html5
程序员小寒41 分钟前
JavaScript设计模式(九):工厂模式实现与应用
开发语言·前端·javascript·设计模式
zhensherlock1 小时前
Protocol Launcher 系列:Agenda 优雅组织你的想法与日程
javascript·macos·ios·typescript·node.js·mac·ipad
清汤饺子1 小时前
Cursor + Claude Code 组合使用心得:我为什么不只用一个 AI 编程工具
前端·javascript·后端
星辰即远方2 小时前
UI学习入门
学习·ui
代码煮茶2 小时前
Vue3 虚拟列表实战 | 解决长列表性能问题(十万条数据流畅渲染,附原理)
前端·javascript·vue.js