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

這確保日曆在顯示標籤時呈現。希望這可以幫助！