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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

electron-vite工具打包后如何通过内置配置文件动态修改接口地址
使用electron-vite 工具开发项目打包完后每次要改接口地址都要重新打包,对于多环境切换或者频繁变更接口地址就显得麻烦,这篇文章主要介绍了electron-vite工具打包后通过内置配置文件动态修改接口地址实现方法,需要的朋友可以参考下
2024-05-05
vue中用qrcode库将超链接生成二维码图片的示例代码
生成二维码是一种常见的需求,无论是用于商业宣传还是个人分享,二维码都可以提供快速方便的方式来传递信息,在Vue框架中,我们可以使用qrcode库来轻松地生成二维码,本篇博文将介绍如何安装qrcode库,并通过一个实际例子来展示如何生成二维码,需要的朋友可以参考下
2023-12-12
Vue实现contenteditable元素双向绑定的方法详解
contenteditable是所有HTML元素都有的枚举属性，表示元素是否可以被用户编辑。本文将详细介绍如何实现contenteditable元素的双向绑定，需要的可以参考一下
2022-05-05
详解vue-admin和后端(flask)分离结合的例子
本篇文章主要介绍了详解vue-admin和后端(flask)分离结合的例子，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-02-02
vue项目两种方式实现竖向表格的思路分析
这篇文章主要介绍了vue项目两种方式实现竖向表格的思路分析，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-04-04
elementPlus 的el-select在提示框关闭时自动弹出的问题解决
这篇文章主要介绍了elementPlus 的el-select在提示框关闭时自动弹出闭时自动弹出的问题,主要问题就是因为filterable属性,根本解决方案是选中的时候让他失去焦点 el-select有一个visible-change事件,下拉框出现/隐藏时触发,感兴趣的朋友跟随小编一起看看吧
2024-01-01
vue路由传参页面刷新参数丢失问题解决方案
这篇文章主要介绍了vue路由传参页面刷新参数丢失问题解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
vue级联选择器的getCheckedNodes使用方式
这篇文章主要介绍了vue级联选择器的getCheckedNodes使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
2024-04-04
Vue实现docx、pdf格式文件在线预览功能
在业务中，如果遇到文档管理类的功能，会出现需要在线预览的业务需求，本文主要是通过第三方库来实现文档预览功能，并将其封装成preview组件,感兴趣的可以了解一下
2022-09-09
vue组件之间进行传值的方法
这篇文章主要介绍了vue组件之间进行传值的方法，文章围绕主题展开详细的内容戒杀，具有一定的参考价值，需要的朋友可以参考一下
2022-09-09