본문 바로가기
TIL(Today I Learned)

TLI 87일 (23. 9. 12. 화) 최종프, 풀캘린더 기능

by seed0335 2023. 9. 13.

팀원이 만든 캘린더 기능을 공부하고, 오류를 함께 수정해보았습니다. 

    document.addEventListener('DOMContentLoaded', function () {
        $.ajax({
            method: 'GET',
            url: '/studies/calendar1',
            contentType: "application/json",
            dataType: "json",
            success: function (data) {

                var calendarEl = document.getElementById('calendar');
                var calendar = new FullCalendar.Calendar(calendarEl, {
                    initialView: 'dayGridMonth',
                    events : data
                })
                calendar.render();

                // 이벤트 클릭 시 실행할 함수를 정의합니다.
                calendar.setOption('eventClick', function(info) {
                    var eventId = info.event.id;
                    openStudyDetails(eventId);
                });

            },
            error: function (xhr, status, error) {
                // 에러 시 처리할 코드
                console.error(error);
            }
        });
    });

댓글