javascript - 在日历中的特定日期显示背景颜色的问题,在除移动 Safari 之外的所有浏览器上都可以正常工作
问题描述
我正在尝试在日历上获取功能,如果事件类型是this
并且预订了日期,则将该特定日期的背景标记为红色。它适用于 Mac 上的其他浏览器和 Safari,但不适用于移动 Safari。
if (this.booked.some(a => new Date(a.date.getFullYear(),a.date.getMonth(),a.date.getDate()).toDateString() == day.date.toDateString()&& a.type==1) )
{
day.el.classList.add('booked_event')
//day.el.innerText = 'Booked'
}
这是CSS:
.booked_event {
background-color: rgba(223,6,167,0.3) !important;
}
我已经尝试使用十六进制代码将不透明度放在单独的行上,仅尝试rgb
代替rgba
,但它仍然对我不起作用。有人可以帮忙吗?
解决方案
您可以尝试以下方法,它应该适用于所有浏览器:
.booked_event{
background-color: rgb(223,6,167) !important; // background for old browsers
background-color: rgba(223,6,167,0.3) !important; //Modern Browser, Will be ignored by old browsers
}
推荐阅读
- c# - MSAL 要求用户在每次登录 WPF 桌面应用程序时征得用户同意
- navigator - 从抽屉导航器中反应本机传递值
- vue.js - 在 v-for 循环中动态调用对象属性
- python - 使用 .strip() 从 python 中的 .txt 文件读取的行列表中删除“\n”
- javascript - 从 Jquery 访问 Javascript 对象
- reactjs - useState() 做双重渲染
- javascript - 从对象数组中获取唯一值
- r - R 文件大小(内存)限制:跨 OSX/Ubuntu 的差异
- apache-pig - 猪中的 IN 子句
- javascript - 如何从数组中提取值并将它们存储在另一个数组中?