2016-09-22 2 views
1

을 보여주는 것은이 내 이벤트 배열입니다 fullcalendar : 1 2016년 9월 12일 및 이벤트 2에 표시되고잘못된 날짜

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

이벤트 내가 재현 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을 확인, 어쩌면 그 대신를 사용하는 것이 좋습니다.