Como puede ver en este código javascript fullcalendar, quiero mostrar todos los datos pasados en el título y ocultar todos los datos futuros en el título fullcalendar... los datos futuros se mostrarán en su fecha. Soy principiante, ¿pueden ayudarme a ocultar datos futuros en el título? Gracias.
var calendar = new FullCalendar.Calendar( calendarEl, { headerToolbar: { left: 'title', center: '', right: 'prev,next' }, initialDate: '2022-04-01', dayMaxEvents: true, events: [ { title: '8', start: '2022-04-13', }, { title: '9', start: '2022-04-14', }, { title: '6', start: '2022-04-15', }, { title: '4', start: '2022-04-18', }, { title: '6', start: '2022-04-19', }, { title: '3', start: '2022-04-20', }, { title: '3', start: '2022-04-21', }, { title: '3', start: '2022-04-22', }, { title: '3', start: '2022-04-25', }, { title: '3', start: '2022-04-26', }, { title: '3', start: '2022-04-27', } ] });Utilice Array.prototype.filter para filtrar eventos que comiencen después de ahora.
var calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { left: 'title', center: '', right: 'prev,next' }, initialDate: '2022-04-01', dayMaxEvents: true, events: [ { title: '8', start: '2022-04-13', }, { title: '9', start: '2022-04-14', }, { title: '6', start: '2022-04-15', }, { title: '4', start: '2022-04-18', }, { title: '6', start: '2022-04-19', }, { title: '3', start: '2022-04-20', }, { title: '3', start: '2022-04-21', }, { title: '3', start: '2022-04-22', }, { title: '3', start: '2022-04-25', }, { title: '3', start: '2022-04-26', }, { title: '3', start: '2022-04-27', } ].filter(event => new Date(event.start).getTime() < Date.now()) });También puede refactorizar esta operación en una función como esta:
function filterFutureEvents(events) { return events.filter(event => new Date(event.start).getTime() < Date.now()); } // usage const fileteredEvents = filterFutureEvents([/* ... */]);