是否可以在FullCalendar中交替排列行背景颜色？

我向fc-agenda-slot tr应用了一个奇数/偶数类，但是问题在于左边/右边的“cell”边界位于下面的fc-agenda-days表中，所以当我设置时它不会显示fc-agenda-slot tr的背景。是否可以在FullCalendar中交替排列行背景颜色？

FullCalendar中是否有一个选项允许交替排列颜色或有人在FullCalendar之外找到了一种方法来做到这一点？

那里不会是一个选项。这是主题，你将不得不加倍努力，让它更好地工作。 – ppumkin 2011-06-13 14:07:27

我很确定这个问题没有解决方案。

问题的根源在于周视图是如何构建的，这可以说是一种猖獗的标记滥用。它基本上是一个具有列的表，其中有一个表与行重叠。没有单独的单元格可供您控制仅单数行和列。当您为行隐藏列边界时，很可能是无意中的。据我所知，这是插件的设计决定或重大监督。

在日视图中，这不是问题，因为您只有一列。

2011-06-29 20:39:34 Akkuma

使用

slots = $element.find('.fc-agenda-slots tr');

我能够得到weekview行，然后我给某一类。

2012-07-13 13:01:52 koosvdkolk

后期种类，但这种添加到您的CSS

.fc-agenda-slots tr.d1 td { 
    background-color: rgba(79, 129, 128, .2); color: black; 
}

，这在你的JS给你渲染你的日历后执行的权利。

$("table tr").each(function() { 
    var i = $("table tr").index($(this)); 
    if (i % 4 == 1 || i % 4 == 2) 
     $(this).addClass("d1"); 
});

顺便说一句，这只是为周视图。

2012-11-09 00:30:05 keshav

我有同样的问题，我采用了这个技巧：你可以在该行的cssClass上使用opacity属性。

.fc-agenda-slots tr：nth-child（4n + 1）td，.fc-agenda-slots tr：n-child（4n + 2）td background-color：＃E7F3F4; 不透明度：0.5; }

.fc-agenda-slots tr:nth-child(4n-1) td, .fc-agenda-slots tr:nth-child(4n) td { 
    background-color:#F3F9FA; 
    opacity:0.5; 
}

这将显示单元格的边框，而只用单元格背景色opacized .. 这不是最好的解决方案不断，但它可以是不够的，如果你没有强大的图形约束得到的东西花哨！

干杯

2013-06-17 10:46:19

回答