El planificador muestra eventos en un mes, una semana, un día o una agenda. Los eventos son datos simples con horas ISO; los que se solapan comparten el ancho, los que cruzan la medianoche aparecen en ambos días y los de todo el día recorren la parte superior como barras.
Nunca cambia tus eventos por su cuenta. Arrastra un evento, o su borde inferior, y eventChange te pasa las horas nuevas; elige un intervalo en la cuadrícula, y slotSelect te lo indica. rangeChange te dice qué días se muestran, para que puedas cargar sus eventos.
Todo lo que hace un puntero lo hace también el teclado: la cuadrícula es una sola parada de tabulación, las flechas recorren días y horas, y Alt con las flechas mueve un evento.
Una semana para planificar
Con editable y selectable, arrastra los eventos para moverlos, arrastra su borde inferior para redimensionarlos y arrastra sobre un espacio libre para añadir uno. El ejemplo actualiza sus eventos a partir de los outputs.
Un mes y una agenda
Los eventos de varios días se muestran como barras; un día lleno indica cuántos más hay. views ofrece solo el mes y la agenda de los próximos agendaDays días.
Un día de reservas de salas
nuiSchedulerEvent dibuja cada reserva con su sala y su organizador. slotMinutes="15" hace las filas más finas.