Der Terminplaner zeigt Termine in der Monats-, Wochen-, Tages- oder Agendaansicht. Termine sind einfache Daten mit ISO-Zeiten; überlappende teilen sich die Breite, Termine über Mitternacht erscheinen an beiden Tagen, und ganztägige Termine ziehen sich oben als Balken über die Tage.
Deine Termine ändert er nie selbst. Ziehst du einen Termin oder seine Unterkante, meldet eventChange die neuen Zeiten; markierst du eine Zeitspanne im Grid, meldet slotSelect sie. rangeChange sagt dir, welche Tage angezeigt werden, damit du ihre Termine laden kannst.
Alles, was ein Zeiger kann, geht auch per Tastatur: Das Grid ist ein einziger Tab-Stopp, mit den Pfeiltasten bewegst du dich durch Tage und Uhrzeiten, und Alt plus Pfeiltaste verschiebt einen Termin.
Eine Woche planen
Mit editable und selectable verschiebst du Termine per Ziehen, ziehst an ihrer Unterkante, um die Dauer zu ändern, und ziehst über freie Zeit, um einen neuen anzulegen. Das Beispiel aktualisiert seine Termine anhand der Outputs.
Ein Monat und eine Agenda
Mehrtägige Termine erscheinen als Balken; ein voller Tag zeigt, wie viele weitere es gibt. views bietet nur den Monat und die Agenda der nächsten agendaDays Tage an.
Ein Tag mit Raumbuchungen
nuiSchedulerEvent zeichnet jede Buchung mit Raum und Organisator. slotMinutes="15" sorgt für feinere Zeilen.