javascript - 我正在使用 fullCalender 并且 dayrender 不起作用

Question

我正在使用 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");
    }
}

     })

  });

Answer 1

date 是一个 moment 对象，因此您需要与另一个 moment 对象进行比较。

试试这个:

dayRender: function (date, cell) {
    if (moment().isSame(date, 'day')) {
        cell.css("background-color", "red");
    }
}