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

标签 javascript fullcalendar

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

     })

  });

最佳答案

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

试试这个:

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

关于javascript - 我正在使用 fullCalender 并且 dayrender 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38765636/

相关文章:

javascript - Express.js 4 路由与 router.route 不匹配

javascript - 使用 meteor 在全日历中添加事件

jQuery FullCalendar clientEvents() 未定义结束时间

fullcalendar - 使用 FullCalendar 包打开特定日期

javascript - AWS S3 - 凭据在代码中公开

javascript - ReactJS 中按钮和普通文本之间的条件渲染

javascript - 为什么 JavaScript 在函数实际调用之前声明局部变量?

javascript - 未捕获的类型错误 : Cannot read property of null

javascript - 在完整日历中突出显示自定义日期

javascript - 如何在 Javascript 中绘制具有相同渐变的每一行?