FullCalendar - Deaktivieren/Blockieren Sie Zeiten an bestimmten Tagen

Question

Ich bin auf der Suche nach ein paar Tipps, Optionen und Beispiele, wenn ich bestimmte Zeiten an bestimmten Tagen blockieren/deaktivieren wollte. Zum Beispiel, wenn ich den Zeitplan auf Tag/Woche anzeigen und sagen, ein Geschäft Bücher Termine von 9 - 5 Montag - Freitag, aber am Samstag sind dann offen 8 - 4 Wie kann ich dies auf der Aussicht vertreten?

Vielen Dank im Voraus.

Answer 1

Sie werden zwei Dinge dafür brauchen.

Zuerst richten Sie Geschäftszeiten im Vollkalender-Konstruktor ein. Fügen Sie dann eine Funktion hinzu, um das Ziehen und Ablegen von Ereignissen auf falsche Daten zu verhindern.

$("#c").fullCalendar({ 
... 
businessHours: { start: '09:00', end: '17:00', dow: [1, 2, 3, 4, 5] }, 
eventDrop: function (event, delta, revertFunc, jsEvent, ui, view) { 
      eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view); 
     }, 
eventResize: function (event, delta, revertFunc, jsEvent, ui, view) { 
      eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view); 
     } 
}); 


function eventDropOrResizeHandler(event, delta, revertFunc, jsEvent, ui, view) { 
    // check that event.start and event.end are within limits, and if not, call revertFunc(); 
} 

Schließlich sollten Sie die gleiche Prüfung hinzufügen, die event.start und event.end sind innerhalb von Grenzen in Ihrer Funktion, die Benutzer bearbeiten/Ereignisse erstellen können.