2016-08-04 8 views
1

私はfullCalenderを使用しています。特定の日の色を変更したいと思います。ユーザーが特定の日にクリックするたびに表示されるオーバーレイも作成しました。...かなり細かく動作しています... 今私はdayrenderを用いた細胞の色を変更したいが、その私を助けて親切に動作していない....私はfullCalenderを使用していますが、dayrenderは機能しません。

$(document).ready(function() { 
    $('#cal').fullCalendar({ 
    dayClick: function(date, jsEvent, view) { 
     var date=date.format('DD/MM/YY'); 
     var overlay = jQuery('<div id="overlay"> </div>'); 
     var label_div=jQuery('<div id=label_date><img src="../icons/cal.png"></div'); 
     var label=jQuery('<label id=current_date>'+date+'</label>'); 
     label.appendTo(label_div); 
     label_div.appendTo(overlay); 
     var cross=jQuery('<a href="#" id="close" onclick="frameWarp();"><img src="../icons/cross.png"></a>'); 
     cross.appendTo(overlay); 
     var overlay_body=jQuery('<div id=overlay_body></div>'); 
     overlay_body.appendTo(overlay); 
     overlay.appendTo(document.body); 


    }//overly complete 
     // now change color code which isnt working 

     dayRender: function (date, cell) { 
    var today = new Date(); 
    if (date.getDate() === today.getDate()) { 
     cell.css("background-color", "red"); 
    } 
} 

    }) 

    }); 
+0

あなたはこの作業を取得するために管理していましたか? –

答えて

0

日付が一瞬オブジェクトであるので、あなたは別の瞬間オブジェクトと比較する必要があります。

はこれを試してみてください:

dayRender: function (date, cell) { 
    if (moment().isSame(date, 'day')) { 
     cell.css("background-color", "red"); 
    } 
} 
関連する問題