全日歷未渲染天數

Question

我對Fullcalendar有一個奇怪的問題。 日歷未完全呈現。 最初僅顯示標題，並且我必須單擊任何標題按鈕以使日歷呈現日期和事件。

HTML + Razor：

<div class="row">
<div class="col-xs-12 col-md-3">
    @Html.DropDownListFor(m => m.User, @Model.UsersDropdown, new { id = "calendar_uid", @class = "form-control" })
</div>
</div>
<div class="row">
<div class="col-xs-12">
    <div id="calendar" data-lang="@Request.UserLanguages[0]"></div>
</div>
</div>

JS：

$("#calendar").fullCalendar({
    header: {
        left: '',
        center: 'title',
        right: 'today prev,next'
    },
    buttonIcons: {
        prev: 'left-single-arrow',
        next: 'right-single-arrow',
        prevYear: 'left-double-arrow',
        nextYear: 'right-double-arrow'
    },
    events: {
        url: SITE_ROOT + '/Calendar/Feed',
        type: 'POST',
        data: {
            uid: $('#calendar_uid').val()
        }
    },


});

$("#calendar_uid").change(function () {
    $("#calendar").fullCalendar('removeEventSource', SITE_ROOT + '/Calendar/Feed');
    var newSource = {
        url: SITE_ROOT + '/Calendar/Feed',
        type: 'POST',
        data: {
            uid: this.value
        }
    };
    $("#calendar").fullCalendar('addEventSource', newSource);

});

如果讓我打電話$("#calendar").fullCalendar('render'); 從Firebug控制台可以完全渲染日歷。 但是，如果在腳本初始化后調用它，則不會發生任何事情。 我也查看了Firebug的網絡標簽。 首次渲染日歷時，沒有請求發送到服務器。 單擊任何標題按鈕時，將發送請求。 之后，一切正常。

我還嘗試復制此小提琴，看看它是否在本地工作。 我仍然有同樣的問題。 我需要單擊任何按鈕以使日歷完全呈現。

最后但並非最不重要的一點是，我的腳本包括（在頁面底部）：

<script src="/C5.WebApp/Scripts/jquery-1.11.1.js"></script>
<script src="/C5.WebApp/Scripts/bootstrap.js"></script>
<script src="/C5.WebApp/Scripts/jquery.hideseek.js"></script>
<script src="/C5.WebApp/Scripts/moment-with-locales.js"></script>
<script src="/C5.WebApp/Scripts/fullcalendar.js"></script>


<script>
    moment().format();
</script>
<script src="/C5.WebApp/Scripts/app_calendar.js"></script>
<script src="/C5.WebApp/Scripts/app_contacts.js"></script>
<script src="/C5.WebApp/Scripts/app_newPhone.js"></script>
<script src="/C5.WebApp/Scripts/app_newEmail.js"></script>
<script src="/C5.WebApp/Scripts/app_newAppointment.js"></script>
<script src="/C5.WebApp/Scripts/app_newActivity.js"></script>
<script src="/C5.WebApp/Scripts/application.js"></script>      

Answer 1

一遍又一遍閱讀文檔后，我發現了這個

請注意，此示例在顯示任何標簽時都會調用render，而不僅僅是日歷所在的標簽。 沒關系，因為FullCalendar足夠聰明，只能呈現用戶可見的日歷。

問題是我的日歷最初是隱藏的，我希望當我通過javascript刪除hidden類時可以呈現它。