element时间日期控件会默认选中一个，还有当前选中一个，取消默认选择的样式

大大。

已于 2023-12-15 14:14:08 修改

阅读量1.7k

点赞数

分类专栏： element相关文章标签： javascript 前端 html

于 2022-08-19 11:59:31 首次发布

本文链接：https://blog.csdn.net/weixin_43923808/article/details/126422177

版权

element相关专栏收录该内容

40 篇文章 0 订阅

订阅专栏

注意：没有scoped

<style lang="scss">
.el-year-table .today .cell {
  color: #606266 !important;
  font-weight: 100 !important;
}
 
</style>

完成后

上面年的代码：

        <el-date-picker v-model="sel_year" value-format="yyyy"
 @change="date_picker" :clearable="false" align="center"
 class="dadaPicker" type="year">
        </el-date-picker>

月的样式如下：

<el-date-picker v-model="dateTime" @change="dataPickerChange" type="month" placeholder="选择月" size="small"
              class="dadaPicker" value-format="yyyy-MM" :picker-options="pickerOptions" style=" width: 85%;">
            </el-date-picker>

<style rel="stylesheet/scss" lang="scss">
.el-month-table .today .cell {
  color: #56575a !important;
  font-weight: 500 !important;
}

.el-month-table .current .cell {
  color: #409EFF !important;

}
</style>