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动态实现评分效果
这篇文章主要为大家详细介绍了Vue动态实现评分效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
Vue数据增删改查与表单验证的实现流程介绍
这篇文章主要介绍了Vue数据增删改查与表单验证的实现，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2022-10-10
深入理解Vue响应式原理及其实现方式
Vue的响应式原理是Vue最核心的特性之一，也是Vue能够为开发者提供高效便捷的开发体验的重要原因之一，这篇文章主要介绍了响应式的原理及其实现方式，需要详细了解可以参考下文
2023-05-05
Vue插槽简介和使用示例详解
插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的<slot></slot>标签，这篇文章主要介绍了Vue插槽的理解和使用,需要的朋友可以参考下
2023-03-03
Vue插槽检测之$slots的妙用与最佳实践指南
这篇文章主要介绍了Vue插槽检测之$slots的妙用与最佳实践指南的相关资料,$slots是一个具有只读属性的对象,用来访问被插槽分发的内容,文中将用法介绍的非常详细,需要的朋友可以参考下
2026-03-03
vue自定义组件search-box示例详解
这篇文章主要介绍了vue自定义组件search-box，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-05-05
一文彻底讲清vue和Nuxt.js的区别
Nuxt.js 是一个基于Vue.js的通用应用框架,预设了利用Vue.js开发服务端渲染的应用所需要的各种配置,下面这篇文章主要介绍了vue和Nuxt.js区别的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
2025-10-10
Vue项目中v-model和sync的区别及使用场景分析
在Vue项目中,v-model和.sync是实现父子组件双向绑定的两种方式,v-model主要用于表单元素和子组件的双向绑定,通过modelValue和update:modelValue实现,.sync修饰符则用于同步prop值,适合在子组件内更新父组件prop值的场景,通过update:propName事件实现
2024-11-11
vue中的install方法使用
这篇文章主要介绍了vue中的install方法使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-03-03
vue鼠标悬停事件实例详解
这篇文章主要介绍了vue鼠标悬停事件，本文通过示例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下
2019-04-04