修改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>
相关推荐
avi911127 分钟前
【】js不同颜色(Vue 框架)今时今日2026年学编程入门(10月1日)
前端·vue.js·vue·vue框架·前端入门·vue入门·html上传
Fluxart.ai1 小时前
商品多角度图怎么做?Flux Art 从白底图到规格图、包装图的 10 步教程
开发语言·前端·javascript
程序员小八7772 小时前
后端开发初学TypeScript
前端·javascript·typescript
兰亭妙微UI设计公司3 小时前
兰亭妙微UI设计公司:移动端列表页设计的3个要素与2种布局
ui
单线程121383 小时前
从案例分析 Vue3 Tokenizer 源码
前端·javascript·vue.js
GIS数据转换器3 小时前
智慧林草“一张图“平台
java·大数据·服务器·前端·javascript·数据库·人工智能
_李小白4 小时前
【Android UI开发】Android VideoView 使用介绍(一)
android·ui
烂蜻蜓4 小时前
Flask入门教程(十):静态文件——CSS、JS与图片的正确管理方式
javascript·css·flask
Mr数据杨4 小时前
【Codex】用学生支持周报模块跟踪个性化支持进展
android·java·javascript·django·codex·项目开发
独立开发之道5 小时前
【three.js教程】Three.js 材质详解:从“不反光“到“物理级真实“怎么选
开发语言·javascript·材质