修改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>
相关推荐
阿正的梦工坊3 小时前
JavaScript 微任务与宏任务完全指南
开发语言·javascript·ecmascript
nashane3 小时前
HarmonyOS 6学习:解决异步场景下Toast提示框无法弹出的UI上下文丢失问题
学习·ui·harmonyos·harmony app
2301_799073026 小时前
基于 Next.js + 火山引擎 AI 的电商素材智能生成工具实战——字节跳动前端训练营成果
javascript·人工智能·火山引擎
码喽7号6 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
RONIN8 小时前
VUE开发环境配置基础(构建工具→单文件组件SFC→css预处理器sass→eslint)及安装脚手架
vue.js
kyriewen119 小时前
项目做了一半想重写?这套前端架构让你少走3年弯路
前端·javascript·chrome·架构·ecmascript·html5
RONIN9 小时前
vue2、vue3区别之混入mixins和过滤器filter
vue.js
RONIN9 小时前
属性透传attribute、vue实例对象方法$nextTick()、虚拟dom与浏览器渲染机制
vue.js
RONIN9 小时前
vue自定义指令与自定义插件
vue.js
RONIN9 小时前
属性透传attribute与性能优化组件(component、异步组件、keep-alive/Suspense/Teleport/Transition)
vue.js