是否可以在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

回答