[javascript/jquery] how to check fullcalendar month change event / fullcalendar 달 변경 이벤트 확인 방법

[javascript/jquery] how to check fullcalendar month change event / fullcalendar 달 변경 이벤트 확인 방법

 

 

캘린더 작업을 위해서

 

fullcalendar.js 를 이용하다보면

 

최 상단에 표기되는 월이 변화되는 이벤트를

 

감지해야 하는 경우가 있습니다!

 

동적으로 데이터를 불러오거나 관리해야하는 이슈들 때문인데요!

 

그럴때는 아래와 같이 클릭 이벤트를 사용하시면 됩니다!

 

 

예를 들어 아래와 같이

 

calendar 라는 객체가 생성되었다고 가정하고,

var calendarEl = document.getElementById('calendar');
var calendar = null;
calendar = new FullCalendar.Calendar(calendarEl, {
    ...
})

 

 

1. 이전 월 버튼 클릭시 

$("button.fc-prev-button").click(function() {
    var date = calendar.getDate();
    console.log(date);
});

 

 

2. 다음 월 버튼 클릭시

$("button.fc-next-button").click(function() {
    var date = calendar.getDate();
    console.log(date);
});

 

 

위와 같은 방법으로 달의 변화를 체크할 수 있습니다!

 

참고들 하세요!