JQuery FullCalendar не отображается

У меня есть рабочий полный календарь на моем сайте, однако фактическая таблица календаря не отображается, пока вы не измените месяц/год или не выберите "сегодня".

Если я посмотрю на предоставленный источник, я вижу, что div вокруг таблицы пуст, пока я не нажму кнопку.

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

Кто-нибудь знает, почему это происходит?

Ответ 1

У вас есть этот календарь на вкладке или в диалоговом окне, которое сначала скрыто от просмотра?

Если это так, вам нужно явно отобразить fullCalendar, когда этот элемент управления активен.

Скажем, вы используете виджет jQuery UI Tabs и имеете FullCalendar на второй вкладке (которая скрыта от представления до тех пор, пока не будет выбрана вторая вкладка). В этом случае вы можете сделать что-то вроде этого:

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

Это гарантирует, что календарь отображается, когда отображается вкладка. Надеюсь, это поможет!