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/

はまた、私はあなたがuの可能性と確信していますjQueryを使った正規表現の選択フィルタですが、なぜ気にしませんか？それは決して42 *以上の要素になることはないので、パフォーマンスはそれほど問題ではありません。

*本当に！ 6週間、週7日：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でそれらを使用し、過去、現在および将来のためにいくつかの色を作ることができ、各セル内のクラスがあります。

あなたは、いくつかのチェックの ここでは、月ビューの一例である、毎日のセルのためのループとを行うことができます2 OPTION

$('.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 
}