jQuery FullCalendar无法呈现

Question

我在我的网站上有一个工作的fullcalendar,但是,在您更改月份/年份或选择"今天"之前,实际的日历表不会显示.

如果我查看渲染的源,我会看到表格周围的div是空的,直到我按下按钮.

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

有没有人知道为什么会这样？

Answer 1

您是否在选项卡或对话框中有这个日历,这个视图最初是隐藏的？

如果是这样,则需要在该控件处于活动状态时显式呈现fullCalendar.

假设您正在使用jQuery UI Tabs小部件并在第二个选项卡中显示FullCalendar(从视图中隐藏,直到选中第二个选项卡).在这种情况下,您可以执行以下操作:

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

这可确保在显示选项卡时呈现日历.希望这可以帮助!