FullCalendar prev, next 버튼 이벤트

■커스터마이징 버튼 만들기

프로젝트 내에서 fullcalendar를 사용하게 되었다. 뷰 모드는 agenda로 다음 날짜 혹은 이전 날짜 버튼을 클릭했을 때 특별한 작업을 하고 싶었다.  

일단 기존의 prev, next 버튼에 이벤트를 추가하고 싶었으나 정보를 제대로 찾지 못해서 커스터마이징된 버튼으로 대체 하기로 하였다.

■Calendar에 동적으로 데이터 추가하기

작성한 updateTime는 calendar에 events(데이터)를 추가하는 것이다. calendar에 데이터를 추가하는 방법은 다음과 같이 호출하면 된다. 

* 배열의 경우

$('#calendar').fullCalendar('renderEvents',데이터배열,영구데이터)

* 배열이 아닌 객체의 경우

$('#calendar').fullCalendar('renderEvent',데이터,영구데이터)

■삽입 시 데이터의 구조

다음은 데이터 구조는 https://fullcalendar.io/docs/event-object를 보면서 작성하였다.

내 경우에는 start와 end 프로퍼티를 이용했다.

위에서 너무 횡설수설하며 글을 써서 잘 이해가 되지 않는다면 https://fullcalendar.io/docs/renderEvent 이 부분을 한번 읽어보면 좋을 것 같다.