element ui 日期选择器el-date-picker如何修改指定日期背景(点击指定背景色日期变深色)

更新时间：2024年07月02日 11:05:23 作者：一只小菜鸡耶

这篇文章主要介绍了element ui 日期选择器el-date-picker 修改指定日期背景,点击指定背景色日期变深色,本文通过实例效果展示给大家介绍的非常详细,感兴趣的朋友一起看看吧

效果

然后点击浅绿色变深绿色
点击浅红色变深红色

默认不变还是选中蓝色

分析

做法

最好隔离一下不要影响到其他日期选择器的样式

<style>
td.available.current.stopColor span {
    background-color: rgb(248, 6, 6) !important;
    color: #FFFFFF;
}
td.available.current.okColor span {
    background-color: #07BF08 !important;
    color: #FFFFFF;
}
</style>

到此这篇关于element ui 日期选择器el-date-picker 修改指定日期背景点击指定背景色日期变深色的文章就介绍到这了,更多相关element ui 日期选择器el-date-picker内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

Vue双向数据绑定与响应式原理深入探究
本节介绍双向数据绑定以及响应式的原理，回答了双向数据绑定和数据响应式是否相同，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧
2022-08-08
vue2中@hook的解析与妙用实例
vue-hooks是简化组件定义、复用状态逻辑的一种最新尝试,下面这篇文章主要给大家介绍了关于vue2中@hook的解析与妙用的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-03-03
vue 实现左滑图片验证功能
网页中滑动图片验证一直是各大网站、移动端的主流校验方式，其主要作用是为了区分人和机器以及为了防止机器人程序暴力登录或攻击从而设置的一种安全保护方式，这篇文章主要介绍了vue 实现左滑图片验证,需要的朋友可以参考下
2023-04-04
vue列表数据发生变化指令没有更新问题及解决方法
这篇文章主要介绍了vue中使用指令，列表数据发生变化指令没有更新问题，本文给出了解决办法,需要的朋友可以参考下
2020-01-01
Vue Cli中的环境变量和模式
这篇文章主要介绍了Vue Cli中的环境变量和模式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2023-10-10
Vue3使用Univer Docs创建在线编辑Excel的示例代码
本文介绍了如何在Vue3项目中集成UniverDocs,一个基于Luckysheet的企业文档与数据协同解决方案,指导了从安装到在页面中使用的步骤,以及注意事项,如数据格式转换和二次开发的灵活性,需要的朋友可以参考下
2025-04-04
老生常谈vue的生命周期
这篇文章主要为大家详细介绍了vue的生命周期，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-02-02
element tree懒加载:load="loadNode"只触发一次的解决方案
本文主要介绍了element tree懒加载:load="loadNode"只触发一次的解决方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-08-08
vue实现评论列表功能
本文通过实例代码给大家介绍了vue实现评论列表功能，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
2019-10-10
vue项目环境搭建
这篇文章介绍了vue项目环境搭建的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-04-04