效果图:(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>