jQuery FullCalendar no representa

Question

Tengo un calendario completo en mi sitio, sin embargo, la tabla del calendario real no se muestra hasta que cambie el mes/año o seleccione "hoy".

Si miro la fuente representada, veo que el div alrededor de la mesa está vacío hasta que presiono un botón.

<div style="position: absolute; -moz-user-select: none;" class="fc-view fc-view-month fc-grid" unselectable="on"></div> 

¿Alguien tiene una idea de por qué sucede esto?

Answer 1

¿Tiene este calendario en una pestaña o un cuadro de diálogo, que está oculto de la vista al principio?

Si es así, debe representar explícitamente el calendario completo cuando ese control esté activo.

Digamos que está utilizando el widget jQuery UI Tabs y tiene FullCalendar en la segunda pestaña (que está oculta de la vista hasta que se selecciona la 2ª pestaña). En este caso, podría hacer algo como esto:

$('#tabs').tabs({ 
    show: function(event, ui) { 
     $('#calendar').fullCalendar('render'); 
    } 
}); 

Esto asegura que el calendario se muestra cuando se muestra la pestaña. ¡Espero que esto ayude!