自学内容网 自学内容网

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

效果图:(element自带的)
在这里插入图片描述
修改过的
在这里插入图片描述

在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>

原文地址:https://blog.csdn.net/weixin_46463643/article/details/144062562

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!