fullcalendar显示错误的日期

时间:2016-09-22 19:29:29

标签: jquery fullcalendar

这是我的事件数组:

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

活动1于2016-09-12展出,活动2于2016-09-05展示

$('#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 个答案:

答案 0 :(得分: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,也许最好使用它。