jQuery FullCalendar 不呈现

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');
    }
});

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