Saltar al contenido

Vista de año en el complemento jquery Fullcalendar

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:
ingrese la descripción de la imagen aquí

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ó.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *