Il pianificatore mostra gli eventi in un mese, una settimana, un giorno o un’agenda. Gli eventi sono semplici dati con orari ISO; quelli sovrapposti si dividono la larghezza, quelli a cavallo della mezzanotte compaiono in entrambi i giorni, e quelli che durano tutto il giorno si estendono in alto come barre.
Non modifica mai i tuoi eventi da solo. Trascina un evento, o il suo bordo inferiore, e eventChange riporta i nuovi orari; scegli un orario sulla griglia, e slotSelect te lo segnala. rangeChange ti dice quali giorni sono visibili, così puoi caricarne gli eventi.
Tutto ciò che fa un puntatore lo fa anche la tastiera: la griglia è un unico tab stop, le frecce si muovono tra giorni e orari, e Alt con le frecce sposta un evento.
Una settimana da pianificare
Con editable e selectable, trascina gli eventi per spostarli, trascina il loro bordo inferiore per ridimensionarli, e trascina su un orario libero per aggiungerne uno. L’esempio aggiorna i suoi eventi in base agli output.
Un mese e un’agenda
Gli eventi su più giorni appaiono come barre; un giorno pieno mostra quanti altri ce ne sono. views offre solo il mese e l’agenda dei prossimi agendaDays giorni.
Prenotazioni delle sale in un giorno
nuiSchedulerEvent disegna ogni prenotazione con la sua sala e il suo organizzatore. slotMinutes="15" rende le righe più fitte.