jquery - 在日历中的特定日期之后更改背景颜色

标签 jquery css date calendar

我有一个事件日历。我想将特定日期 [SOC DATE] 之后所有列的背景颜色更改为绿色,日期之后为红色。我的日历如下。

<td class="fc-day fc-wed fc-widget-content fc-past" data-date="2014-02-19">
<td class="fc-day fc-thu fc-widget-content fc-past" data-date="2014-02-20">
<td class="fc-day fc-fri fc-widget-content fc-today fc-state-highlight" data-date="2014-02-21">
<td class="fc-day fc-sat fc-widget-content fc-future" data-date="2014-02-22">
<td class="fc-day fc-sun fc-widget-content fc-future fc-last" data-date="2014-02-23">

我设法使用以下 jquery 更改了该日期 [SOC DATE] 的背景颜色。

$("[data-date=2014-02-22]").css("background-color","#ff9bd7");

但是我不能改变以前和过去日期的颜色。 我试过了 $("[data-date>2014-02-22]").css("background-color","re​​d"); 但不工作。

提前致谢。

最佳答案

试试这个:

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

关于jquery - 在日历中的特定日期之后更改背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21925372/

相关文章:

javascript - 删除 JavaScript 中的元素

java - 是否有一个库函数可以为我提供变量中的当前日期并查找自给定日期以来经过的天数

html - 为 CSS 输入关键帧

java - 如何使用java在oracle中插入自定义日期时间?

javascript - 时区偏移量计算

javascript - 如何在某个div上应用动画?

javascript - 使用另一个变量值获取变量值

javascript - 将文本字符串插入 href 链接(特定位置)

css - 默认模糊图像,悬停时显示?

javascript - 添加 CSS @keyframes 动画以在 React 应用程序中进行状态更改