javascript - 以前和过去日期的单元格全日历更改背景

Question

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

     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");
      }
    }

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

Answer 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");
                  }


            }

在你的代码中，start 和 prevous 变量是未使用的，所以将其删除

在这里，所有过去的日期都是黄色的， future 的日期都是蓝色的。

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

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