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 Tabs小部件並在第二個選項卡中顯示FullCalendar（從視圖中隱藏，直到選中第二個選項卡）。 在這種情況下，您可以執行以下操作：

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

這可確保在顯示選項卡時呈現日歷。 希望這可以幫助！