fullcalendar顯示錯誤的日期

Question

這是我的事件數組：

[Object { title="Event1", start="2016-09-14"}, Object { title="Event2", start="2016-09-06"}] 

事件1是顯示在2016年9月12日和事件2顯示2016年9月5日

$('#calendar').fullCalendar({ 
    header: { 
     left: 'prev,next', 
     center: 'title', 
     right: 'month,basicWeek,basicDay' 
    }, 
    viewRender: function (view, element) { 
     var add_url = '<a class="add-task" href="#" title="Assign Applicant"><i class="fa fa-plus-square"></i></a>'; 
     $(".fc-day-number").after(add_url); 
    }, 
    editable: true, 
    events: getEvent, 
    dayClick: function() { 
     // alert('a day has been clicked!'); 
    } 
}); 

Answer 1

我上轉載問題。該錯誤在viewRender函數中。刪除之後，日期如預期顯示。

首先，這是錯誤的（錯誤特別是在這條線）：

$(".fc-day-number").after(add_url); 

，因爲你需要參考特定事件。

其次，viewRender不是正確的函數，因爲它用於渲染整個視圖。

要添加自定義按鈕，你可以使用eventAfterRender例如：

eventAfterRender: function(event, element, view) { 
    var add_url = '<a class="add-task" href="#" title="Assign Applicant"><i class="fa fa-plus-square"></i></a>'; 
    element.after(add_url); 
}, 

還要檢查eventRender，也許是更好的使用來代替。