2016-09-22 108 views
1

这是我的事件数组:fullcalendar显示错误的日期

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

回答

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,也许是更好的使用来代替。