[js] FullCalendar.js 클릭 이벤트 설정 위치

✅ FullCalendar 클릭 이벤트 설정 위치 (버전 5~6 기준)

1) 날짜(day cell) 클릭했을 때

dayClick: function(info) {
    console.log(info.date);        // 클릭한 날짜
    console.log(info.jsEvent);     // JS 이벤트 정보
}

 

버전 5 이상에서는 dateClick 사용:

var calendar = new FullCalendar.Calendar(calendarEl, {
    dateClick: function(info) {
        console.log("날짜 클릭:", info.dateStr);
    }
});

 

---

2) 이벤트(event) 클릭했을 때

eventClick: function(info) {
    console.log("이벤트 클릭:", info.event);
}

 

예시:

var calendar = new FullCalendar.Calendar(calendarEl, {
    eventClick: function(info) {
        alert(info.event.title);
    }
});

 

---

3) 드래그로 날짜 범위 선택 (select)

달력에서 드래그해서 일정 만들 경우:

var calendar = new FullCalendar.Calendar(calendarEl, {
    selectable: true,
    select: function(info) {
        console.log("선택 범위:", info.startStr, "~", info.endStr);
    }
});