Le planificateur affiche des événements sur un mois, une semaine, un jour ou en agenda. Les événements sont de simples données, avec des heures au format ISO ; ceux qui se chevauchent se partagent la largeur, ceux qui passent minuit apparaissent sur les deux jours, et ceux qui durent toute la journée s’étendent en haut sous forme de barres.
Il ne modifie jamais vos événements de lui-même. Faites glisser un événement, ou son bord inférieur, et eventChange signale les nouveaux horaires ; choisissez une plage horaire sur la grille, et slotSelect la signale. rangeChange vous indique quels jours sont affichés, pour que vous puissiez charger leurs événements.
Tout ce que fait un pointeur, le clavier le fait aussi : la grille ne compte qu’un seul arrêt de tabulation, les flèches parcourent les jours et les heures, et Alt avec les flèches déplace un événement.
Une semaine à planifier
Avec editable et selectable, faites glisser les événements pour les déplacer, leur bord inférieur pour les redimensionner, et sur une plage libre pour en ajouter un. L’exemple met à jour ses événements à partir des outputs.
Un mois et un agenda
Les événements sur plusieurs jours s’affichent en barres ; un jour chargé indique combien d’autres événements il contient. views ne propose que le mois et l’agenda des agendaDays prochains jours.
Une journée de réservations de salles
nuiSchedulerEvent dessine chaque réservation avec sa salle et son organisateur. slotMinutes="15" affine les lignes.