フルカラーで選択した日のみ背景色を変更できますか？

Question

これはfullcalendarのコードです。ここでは、feb 14の背景色のみを変更する方法を示します。

dayRender: function (date, cell) { 

     var Xmas = new Date('2017-02-14'); 
        var weekday = Xmas.getDate(); 
        console.log(weekday); 
        if (weekday) { 
         cell.css("background-color", "red"); 
        } 

    } 

フィドル：あなたのデモhere is mineのベースでhttp://jsfiddle.net/z8Jfx/617/

Answer 1

、アイデアはxmash日と比較するミリ秒単位の時間を得るために、getTimeを使用することです。

var $calendar = $('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next today', 
     center: 'title', 
     right: 'month,basicWeek,basicDay' 
    }, 

    defaultView: 'month', 

    dayRender: function (date, cell) { 
     console.log(date.getTime()) 
     var Xmas = new Date('2017-02-14'); 
        var weekday = Xmas.getTime(); 
        console.log(weekday); 
        if (weekday===date.getTime()) { 
         cell.css("background-color", "red"); 
        } 

    } 
}); 

Answer 2

あなたのリクエストのサンプルですが、これはCSSのみです。私はfeb14のコードを作成します。

.fc-day[data-date^="2017-11-14"] { 
    background: blue !important; 
} 

おそらく、データの日付を変更することができます。私はあなたのために作成された動的ではありません。私はあなたがそれを感謝します。

ダイナミックなすべての祝日や、強調する日付を入力したい場合は、addClassを使用します。