是否可以使用重复日期?

问题描述:

我在一个项目中使用FullCalendar,并希望绘制重复日期,一旦用户点击日期。选择日期后,我想在10天后绘制下一个日期。因此,如果用户点击2010年9月1日:是否可以使用重复日期?

日期#2:2010年9月11日
日期#3:2010年9月21日
日期#4:2010年10月2日

我想标记计算日期的方式是更改td背景颜色。我已经想出了这个逻辑,但似乎无法设置背景日期的颜色。

我正在运行一个for循环来生成下一个8日期,一旦选择了初始日期。我可以生成日期并推送到数组“dArr”,但不知道如何设置这些日期的背景。

<script type="text/javascript"> 
var dArr= []; 
$(document).ready(function() 
{ 
    var now = new Date(); 
    $('#calendar').fullCalendar 
    ({ 
     dayClick: function(date, allDay, jsEvent, view) 
     { 
      if(dArr.length > 0) 
      { 
       for(var j=0; j < dArr.length; j++) 
       { 
        dArr.splice(j); 
       } 
      } 
      dArr.push(date.getDate());      
      for(var i=0; i < 8; i++) 
      { 
       if(i == 0) 
       { 
        date.setDate(date.getDate() + 1); 
        dArr.push(date.getDate()); 
       } 
       else if(i == 4) 
       { 
        date.setDate(date.getDate() + 5); 
        dArr.push(date.getDate()); 
       } 
       else 
       { 
        date.setDate(date.getDate() + 14); 
        dArr.push(date.getDate()); 
       }     
      } // FOR LOOP ENDS HERE 
      alert(dArr); 
     } 
    }); 

}); 
</script> 

我非常感谢您对此的所有帮助。

+0

你打算基础上添加日期,一般颜色或颜色?如果只打算添加通用颜色,那么只需在颜色数组中添加一些十六进制数,然后在设置日期时,从数组中弹出一个颜色并使用jquery的.attr(style,“color:”+ $ color) – corroded 2010-09-14 04:44:31

要改变给定日期的背景颜色(agendaWeek视图):

var day = date.getDay(); 
$("#calendar .fc-agenda-bg").find("td").eq(day - 1).addClass('my-class'); 

在我的类:

my-class { 
backgound: ......; 
}