Question

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

但显然所有以前用蓝色的颜色我只想要一个如何做到这一点？

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变量未被删除，因此将其删除

此处，所有过去的日期都有黄色，未来的日期有蓝色。

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

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

Answer 2

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

Uninstall-Package

Fullcalender改变了之前和之前的细胞背景。过去的日期

2 个答案: