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选项卡窗口小部件，并在第二个选项卡（在选择第二个选项卡之前隐藏该窗口）查看FullCalendar。在这种情况下，你可以这样做：

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

这确保日历在显示标签时呈现。希望这可以帮助！