1 日期选择(年选择后高亮)
bash
<el-form-item label="年度选择">
<el-date-picker
type="year"
v-model="years"
value-format="yyyy"
placeholder="年度选择"
popper-class="date_form"
@change="pickerStatus1">
</el-date-picker>
</el-form-item>
其中popper-class是官网的
bash
.date_form {
.el-year-table td.current:not(.disabled) .cell{
color: #1890ff;
font-weight: bold !important;
background-color: var(--el-datepicker-active-color); // 这里应用的是项目的默认样式颜色,跟整个系统保持统一
border-radius: 100px;
}
.el-year-table td.today .cell {
font-weight: normal;
color: #606266;
}
}