1

Estoy usando FullCalendar para mostrar un calendario en mi sitio web. Ahora mismo sólo me muestra las vistas de mes, semana y día por defecto:

Vista de FullCalendar

Pero yo quiero que me muestre una vista del año también. ¿Existe alguna opción o función del FullCalendar que permita ver el año entero con todos los meses (a ser posible en español)?

1
  • 1
    ¿Qué versión de FullCalendar usas? Va a depender mucho de eso.
    – Alvaro Montoro
    Commented el 16 feb. 2017 a las 13:58

4 respuestas 4

2

Este es el ejemplo para mostrar el año :-)

$(document).ready(function() {

    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
			header: {
				left: 'prev,next today',
				center: 'title',
				right: 'year,month,basicWeek,basicDay'
			},
			defaultView: 'year',
			editable: true,
			eventLimit: true, // allow "more" link when too many events
			
		});

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://momentjs.com/downloads/moment.js"></script>
<script src="https://rawgit.com/monkbroc/fullcalendar/year-view-demo/dist/fullcalendar.js"></script>

<link rel='stylesheet' href="https://rawgit.com/monkbroc/fullcalendar/year-view-demo/dist/fullcalendar.css"/>
<div id="calendar"></div>

1
  • no esta en la API pero si es una opción del plugin, interesante! no lo probé! :D ya aprendí algo nuevo de este plugin
    – bypabloc_
    Commented el 17 feb. 2017 a las 2:29
2

Sí, pero va a depender de la versión de FullCalendar que uses... y puede que te toque pagar.

El paquete de FullCalendar viene con diferentes vistas por defecto. En la versión 1 del plugin, están limitadas a cinco, ninguna de las cuales representa años (traducción mía):

FullCalendar tiene un número de diferentes "vistas", o modos de mostrar los días y eventos. Las siguientes 5 vistas están disponibles en FullCalendar:

Esas cinco vistas se extendieron a nueve en las versiones 2 y 3 de FullCalendar (traducción mía):

Las siguientes 9 vistas están incluidas en FullCalendar:

Las siguientes vistas están incluidas en el add-on premium Scheduler:

  • timelineDay
  • timelineWeek
  • timelineMonth
  • timelineYear

Por lo que sí existe un modo para mostrar los eventos en modo año (listYear), pero será en la forma de una lista y no un calendario en sí. Además, si pagas por usar el add-on Scheduler (sólo para versiones 2 y 3) entonces tendrás un modo más para año: timelineYear.

1

No tienes la opcion de vista por año pero si tienes la opcion de una "agenda por año".

$('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'listYear,month,agendaWeek,agendaDay'
    },
    locale: 'es', //esto para cambiar el idioma al español

NOTA:

Para cambiar el idioma debes agregar lo siguiente:

https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.2.0/locale-all.js
0

La versión 6 ya incluye una vista para el año completo import { Calendar } from '@fullcalendar/core' import dayGridPlugin from '@fullcalendar/daygrid'

const calendar = new Calendar(calendarEl, { plugins: [dayGridPlugin], initialView: 'dayGridYear' })

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.