jQuery FullCalendar not rendering

Question

我的网站上有一个完整的日历，但是，在您更改月份/年份或选择"今天"之前，实际的日历表不会显示。

如果我查看渲染的源，我会看到桌子周围的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 选项卡小部件，并且在第二个选项卡中具有 FullCalendar（在选择第二个选项卡之前，该选项卡在视图中隐藏）。在这种情况下，您可以执行以下操作：

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

这可确保在显示选项卡时呈现日历。希望这有帮助！