O agendador mostra eventos em um mês, uma semana, um dia ou uma agenda. Os eventos são dados simples com horários ISO; os que se sobrepõem dividem a largura, os que passam da meia-noite aparecem nos dois dias, e os de dia inteiro ficam no topo, como barras.

Ele nunca altera seus eventos por conta própria. Arraste um evento, ou a borda inferior dele, e eventChange informa os novos horários; escolha um horário na grade, e slotSelect informa qual foi. rangeChange diz quais dias estão sendo exibidos, para você carregar os eventos deles.

Tudo o que um ponteiro faz, o teclado também faz: a grade é uma única parada de tabulação, as setas percorrem dias e horários, e Alt com as setas move um evento.

Uma semana para planejar

Com editable e selectable, arraste os eventos para movê-los, arraste a borda inferior deles para redimensioná-los e arraste sobre um horário livre para adicionar um. O exemplo atualiza os eventos a partir dos outputs.

Um mês e uma agenda

Eventos de vários dias aparecem como barras; um dia cheio mostra quantos eventos a mais existem. views oferece só o mês e a agenda dos próximos agendaDays dias.

Um dia de reservas de salas

nuiSchedulerEvent desenha cada reserva com a sala e o organizador. slotMinutes="15" deixa as linhas mais finas.