Estou usando o FullCalendar para exibir uma lista de eventos de um Google Agenda. O que eu preciso é de uma lista dos próximos 3 eventos, independentemente do dia em que eles estiverem.
A única opção que encontrei até agora é definir a quantidade de dias listados:
$("#calendar").fullCalendar({
defaultView: "listWeek",
views: {
listWeek: {
type: "list",
duration: { days: 3 },
}
},
})
Esta lista está vazia, se não houver eventos nos próximos três dias.
Existe uma maneira de definir a quantidade específica de eventos exibidos em vez apenas do número de dias?
Nota: Meu conhecimento sobre JS é bastante básico, portanto, se a única opção é criar um Visualização personalizada Sou grato por quaisquer exemplos de como isso poderia funcionar.
Respostas:
0 para resposta № 1Sinto que este é um problema conceitual mais do que uma questão de programação.
A resposta curta é:
Essencialmente, você não pode fazer isso usando o fullCalendar.
A explicação mais longa é:
O ponto principal do fullCalendar é que eleexibe as coisas de maneira semelhante ao calendário. Os calendários são projetados para destacar pontos específicos no tempo - coisas que ocorrem dentro de um período de dias / semanas / meses. A idéia de um calendário é visualizar o tempo e ajudá-lo a colocar eventos dentro dele e ver uma linha do tempo e um contexto para seus eventos.
Se você quer apenas uma lista antiga e chata dos próximos 3eventos, independentemente de quando eles ocorrem, você está descartando a visualização que é o objetivo de todo um calendário. Para esse requisito, basta abandonar completamente o plug-in de calendário e usar os dados que você obtém do google para exibir uma lista HTML.