2010-09-14 98 views
1

我在一個項目中使用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

回答

1

要改變給定日期的背景顏色(agendaWeek視圖):

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

在我的類:

my-class { 
backgound: ......; 
} 
相關問題