fullcalendar zeigt falsches Datum

Question

Das ist mein Event-Array:

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

Ereignis 1 auf 2016.09.12 und Ereignis zeigt 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!'); 
    } 
}); 

Answer 1

I wiedergegeben zu zeigen Das Thema. Der Fehler ist in viewRender Funktion. Nach dem Entfernen werden Daten wie erwartet angezeigt.

Zunächst einmal ist dies falsch (der Fehler ist speziell in dieser Zeile):

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

, weil Sie zu bestimmten Ereignis verweisen müssen.

Zweitens ist viewRender nicht die richtige Funktion zu verwenden, da es zum Rendern der gesamten Ansicht vorgesehen ist.

Für benutzerdefinierte Schaltflächen hinzufügen, können Sie eventAfterRender verwenden, zB:

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); 
}, 

Auch eventRender überprüfen, vielleicht ist es besser, dass stattdessen zu verwenden.