在jQuery的完整日曆中更改事件的背景顏色

我有一個web應用程序（asp.net mvc4），其中我使用了Jquery Full Calendarsite。在jQuery的完整日曆中更改事件的背景顏色

<script> 

     $(document).ready(function() { 
      var date = new Date(); 
      var d = date.getDate(); 
      var m = date.getMonth(); 
      var y = date.getFullYear(); 
      var tab = []; 
      var d1 = []; 
      var m1 = []; 
      var y1 = []; 
      var d2 = []; 
      var m2 = []; 
      var y2 = []; 
      var colors = []; 

      @for(int i =0; i< @Model.Get_List_Tache().Count;i++){ 
       @: d1.push(@Model.Get_List_Tache()[i].Begin_date.Day); 
       @: m1.push(@Model.Get_List_Tache()[i].Begin_date.Month); 
       @: y1.push(@Model.Get_List_Tache()[i].Begin_date.Year); 
       @: d2.push(@Model.Get_List_Tache()[i].End_date.Day); 
       @: m2.push(@Model.Get_List_Tache()[i].End_date.Month); 
       @: y2.push(@Model.Get_List_Tache()[i].End_date.Year); 
         } 
      d1.reverse(); 
      m1.reverse(); 
      y1.reverse(); 
      d2.reverse(); 
      m2.reverse(); 
      y2.reverse(); 
      @for(int i =0; i< @Model.Get_List_Tache().Count;i++){ 
      @:var e = { title: "Tache: @Model.Get_List_Tache()[i].Tache_description", start: new Date(y1.pop(), m1.pop() - 1, d1.pop(), 08, 00), end: new Date(y2.pop(), m2.pop() - 1, d2.pop(), 18, 00), allDay: true}; 
      @: tab.push(e); 
     }      
     $('#calendar').fullCalendar({ 
       theme: true, 
       header: {left: 'prev,next today',center: 'title',right: 'month,agendaWeek,agendaDay'}, 
       editable: true, 
       events: tab 
     }); 
     }); 
     @for (int i = 0; i < @Model.GetColors().Count; i++) 
     { 

     } 

</script>

我在模型GetColors()

public List<string> GetColors() { 
      Sa_group sadmin = new Sa_group(); 
      Equipe _equipe = new Equipe(); 
      List<string> _out = new List<string>(); 
      List<Tache> liste_initiale = _equipe.Get_List_tache(); 
      foreach (Tache t in liste_initiale) { 
       if (t.Id_tache_status == 1) { _out.Add("red"); } 
       if (t.Id_tache_status == 2) { _out.Add("green"); } 
       if (t.Id_tache_status == 3) { _out.Add("black"); } 
               } 
      return _out; 
     }

所以，我需要的GetColors()值改變background-color每個元素在events的顏色列表。

我該怎麼做這個任務？有什麼建議麼？

來源

2013-07-18 Lamloumi Afif

嗨Lamloumi你可以看到事件對象的屬性有一個className你可以在每一個事件中設置它允許你爲每個事件定義一個CSS類，然後爲CSS中的每種類型的事件背景色定義每種顏色。如果顏色是動態的，我的意思是如果它們不完全相同，則可以使用jquery或javascript來「改變」css類。

如果您需要進一步解釋請讓我知道。

長壽繁榮。

來源

2013-07-18 20:58:29

在jQuery的完整日曆中更改事件的背景顏色

回答

相關問題