以前或过去日期的单元格的全日历更改背景答案

【问题标题】：Fullcalender change background of cell for previous & past date以前或过去日期的单元格的全日历更改背景
【发布时间】：2016-08-22 12:20:04
【问题描述】：

我想在 fullcalender 中显示不同的单元格背景颜色。我试图得到

     dayRender: function (date, cell) {
     var today = new Date();
     var start = moment(today).format('YYYY-MM-DD');
     var end = new Date();
     var prevous = new Date();
     end.setDate(today.getDate()+1);


      if(date > today && date <= end) {
      cell.css("background-color", "yellow");
      } // this is for previous date 

      if(date > today && date >= prevous) {
      cell.css("background-color", "blue");
      }
    }

但是用蓝色显示所有以前的颜色我只想要一个我该怎么做？

【问题讨论】：

对于以前的日期，日期似乎应该是

标签： javascript fullcalendar momentjs

【解决方案1】：

这里你只检查你与日期的比较

dayRender: function (date, cell) {

                var today = new Date();
                 var end = new Date();                
                 end.setDate(today.getDate()-1);                 


                  if( date < end) {
                  cell.css("background-color", "yellow");
                  } // this is for previous date 

                  if(date > today) {
                    cell.css("background-color", "blue");
                  }


            }

在您的代码开始和以前的变量未使用，因此将其删除

在这里，所有过去的日期都显示为黄色，未来的日期显示为蓝色。

fullcalender.js 在单元格中提供 fc-past 和 fc-future 类，因此您可以通过 css 更改其颜色槽，例如 ::

.fc-past{ background-color : yellow } .fc-future{ background-color : blue  }

【讨论】：

【解决方案2】：

您可以使用以下代码突出显示具有事件的单元格的背景。

eventRender: function(event, element) {
        var date = moment(event.start).format('YYYY-MM-DD');
        $('.fc-day[data-date="' + date + '"]').css('background', '#4CB5E5');

}

【讨论】：