Solución:
Documentación de FullCalendar: http://arshaw.com/fullcalendar/docs/
Cargando eventos como JSON: http://arshaw.com/fullcalendar/docs/event_data/events_json_feed/
Renderizar evento: http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/
Ejemplo de evento de renderizado:
fc.fullCalendar('renderEvent', {
'id': 1,
'title': 'Test Event 1',
'start': '2009-11-05T13:15:30Z',
'end': '2009-11-05T13:30:00Z'
});
Limite la visualización de los meses disponibles: ¿El calendario completo limita la visualización de los meses disponibles?
Alternativamente, si necesita el año, vea algo como esto:
Puede instalarlo a través de npm https://www.npmjs.com/package/fullcalendar-year-view
Pasos:
cd yourFileLocation
npm init (press enter)
npm i fullcalendar-year-view
Para obtener archivos lib, vaya a yourFileLocation/node_modules/fullcalendar-year-view/dist/
O alternativamente, puede usar navegar para tu pagina
Incluya archivos css y js lib en su página
Finalmente use la vista ‘año’
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'year,month,basicWeek,basicDay'
}
....
Creo que una alternativa para su interfaz de usuario sería bootstrap-year-calendar. Le permite ver años completos y colocar uno o varios valores por día, PERO los valores solo serían visibles al pasar el mouse o hacer clic.
Para mi necesidad, funcionó.