jquery - 日历 td 的自定义背景颜色

标签 jquery html css calendar

我有一个事件日历。我想更改 td 的背景颜色,我引用了 this 问题并找出解决方案。但它并没有解决我的全部问题。当我使用以下 jquery

$('[class*="fc"]').filter(function() {
  return $(this).data('date') > "2014-02-22";
}).css("background-color","white");

它改变了 background-color 并且 td 改变如下。

<td class="fc-day fc-wed fc-widget-content fc-past" data-date="2014-02-19" style="background-color: rgb(255, 255, 255);">

当我点击 Prev,Next,Today 按钮在日历上导航时,td 重置如下。

<td class="fc-day fc-wed fc-widget-content fc-past" data-date="2014-02-19">

感谢您宝贵的时间。

提前致谢

最佳答案

试试这个:

var index = $("[data-date=2014-02-22]").index('td.fc-day');
$('td.fc-day:lt(' + index + ')').css("background-color","red");

并尝试在日历 js 文件中进行编辑。

关于jquery - 日历 td 的自定义背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21930597/

相关文章:

html - 如何实现Jquery noconflict

javascript - 通过单击事件删除类

javascript - 控制 bootstrap 确认模式中的确认按钮

javascript - jQuery Mobile 在点击时刷新当前页面

javascript - 未使用转换的 CSS3 转换?

javascript - 如何在不溢出的情况下滚动窗口

jquery - 背景图像 + 将 Div 制作成链接

javascript - 使用 CSS 和 JS 设置 SVG 样式

javascript - 烦人的 IE8 下拉问题在 XP 而不是 windows 7

javascript - $ ("#my-div").css ("height", $(window).outerHeight() + "px");适用于 window.resize() 但不适用于 $(window).load()