如何在FullCalendar之前更改今天之前的背景顏色...？

Question

我想更改我在天的背景顏色FullCalendar

我該如何做到這一點？

Answer 1

每一天都有一個類，所以你可以添加以下到您的樣式表：

.fc-sun{background-color:Red;} 
.fc-mon{background-color:green;} 
.fc-tue{background-color:blue;} 

這怎麼可能用今天之前識別天？

你需要使用一些jQuery的：

$('.fc-today').prevAll('td').css('backgroundColor','yellow'); 
$('.fc-today').parent().prevAll().find('td').css('backgroundColor','yellow'); 

Answer 2

你可以做這樣的事情（有點冗長，但可以縮短它，就像你喜歡）：

var today = $('.fc-today'); 
var classNames = today.attr('class'); 
var index = classNames.indexOf('fc-day') + 6; 
var day; 

if (index > 0) { 
    day = classNames.substr(index, 2); 

    for (day = day-1; day >= 0; day -= 1) { 
     $('.fc-day'+day).addClass('fc-before-today'); 
    } 
} 

看一看它的jsfiddle：http://jsfiddle.net/s4nuQ/

而且，我敢肯定，你可以ü用jQuery選擇一個正則表達式選擇過濾器，但爲什麼要麻煩？它永遠不會超過42 *個元素，因此性能不是這樣的問題。

*真的！六週，每週七天：6 × 7 = 42。 :-)

Answer 3

var d=new Date(); 
var dat=d.getDate(); 


$('tbody tr').find('.fc-day-number').each(function(){ 

if($(this).val() == dat) 
{ 
    $(this).parents('div').siblings().prevAll().css('background-color','red');    
    return false; 
} 

}); 

Answer 4

OPTION 1 有類在每個單元

.fc-past 
.fc-today 
.fc-future 

你可以在你的CSS使用它們，並提出一些顏色的過去，現在和未來。

OPTION 2 您可以每天細胞循環，並做了一些檢查的 這裏是例如與月視圖

$('.fc-day').each(function(){ 
    if($(this).is('.fc-today')) return false; 
    $(this).addClass('fc-before-today'); 
}) 

CSS

.fc-before-today{background-color:red} 

Answer 5

做到這一點在CSS，就這麼簡單

.fc-past { 
    background-color: #F5F5F6 
}