用若依前后端打算写一个只选择月和日的组件,当时选择将el-date-picker关于年的部分隐藏,查了很多种方式,使用popper-class代码都显示添加的popper-class找不到引用,后面发现可能是vue2的问题,vue2的话popper-class属性和类名结构与新版 Element Plus 不兼容,直接通过 Element UI 的默认类名直接隐藏年份标签和左右箭头按钮即可
<el-date-picker
v-model="formdata.endTime"
type="date"
format="MM-dd"
value-format="MM-dd"
placeholder="选择结束日期"
/>
可以网页检查一下年份按钮的class和我的是否一样,不一样修改即可
.el-date-picker .el-date-picker__header {
.el-date-picker__header-label:nth-child(3) { /* 年份标签 */
display: none;
}
.el-icon-d-arrow-left, /* 上一年按钮 */
.el-icon-d-arrow-right { /* 下一年按钮 */
display: none;
}
}