javascript - jQuery FullCalendar 不呈现

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

如果我查看呈现的源代码，我会看到 table 周围的 div 是空的，直到我按下一个按钮。

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

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

最佳答案

您是否在选项卡或对话框中有这个日历，一开始是隐藏的？

如果是这样，您需要在该控件处于事件状态时显式呈现 fullCalendar。

假设您正在使用 jQuery UI Tabs 小部件，并且在第二个选项卡中有 FullCalendar(在选择第二个选项卡之前它是隐藏的)。在这种情况下，您可以这样做:

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

这确保在显示选项卡时呈现日历。希望这对您有所帮助!

关于javascript - jQuery FullCalendar 不呈现，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10340362/