修改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>
相关推荐
快乐非自愿1 小时前
Vue 缓存之坑,变量赋值方式和响应式数据
前端·vue.js·缓存
摸着石头过河的石头1 小时前
错误处理:构建健壮的 JavaScript 应用
前端·javascript
Java陈序员2 小时前
免费高颜值!一款跨平台桌面端视频资源播放器!
vue.js·typescript·electron
Asort2 小时前
JavaScript设计模式(十九)——观察者模式 (Observer)
前端·javascript·设计模式
colorFocus2 小时前
vue在页面退出前别忘记做好这些清理工作
前端·vue.js
前端付豪2 小时前
为啥升Vue3 有啥优势?
前端·javascript·vue.js
举个栗子dhy2 小时前
第四章、路由配置
前端·javascript·react.js
xiguolangzi2 小时前
electron + vue3 项目实战 自动更新
vue.js
用户84298142418102 小时前
Node.js:JavaScript的服务器端革命
javascript
opteOG2 小时前
Vue3设计与实现
vue.js