Fullcalendar Hintergrund Ereignisse: erlauben Drop

Question

Ich möchte die "Hintergrundereignisse" -Funktion von FullCalendar verwenden, um Feiertage in meinem Kalender anzuzeigen (sichtbar mit einer Hintergrundfarbe "rot"). z.B.

events: [ 
{ 
        start: '2016-01-24', 
        end: '2016-01-28',     
        rendering: 'background', 
        color: 'red' 
} 
] 

Das funktioniert perfekt, aber ich bin nicht in der Lage, alles auf diesen Zeitfenster fallen, die als „Hintergrund-Ereignisse“ definiert sind.

Ich verwende FullCalendar als Planungstool. Und manchmal ist es möglich, dass Mitarbeiter in den Ferien arbeiten. Feiertage müssen also nicht "blockiert" werden. Wie kann ich das Ablegen von Ereignissen in den Feriengebieten im FullCalendar erlauben?

Jede Hilfe wäre großartig.

Mit freundlichen Grüßen, Kim

Answer 1

Diese Lösung stellt sicher, dass Ferien sind eine Farbe im Kalender geben, aber nicht einschränken Ereignisse an diesen Tagen fallen:

dayRender: function (date, element, view) 
     { 
      var date = new Date(date); 
      var day = date.getDate().toString(); 
      if (day.length == 1) 
      day = 0 + day; 
      var year = date.getFullYear(); 
      var month = (date.getMonth() + 1).toString(); 
      if (month.length == 1) 
      month = 0 + month; 
      var dateStr = year + "-" + month + "-" + day ; 

      YourDates = JSON.parse(json_holidays); 

      for (var i = 0; i < YourDates.length; i++) 
      { 
       if (dateStr.toString() == YourDates[i]["date"].toString()) 
       { 
        $(element).addClass('holiday'); 
        $(element).attr('title', YourDates[i]["name"].toString()); 
       } 
      } 
     }, 

Answer 2

Verwenden Sie droppable: true? Here in Fullcalendar's doc