fullcalendar + 구글캘린더 연동하기

document.addEventListener('DOMContentLoaded', function() {

var calendarEl = document.getElementById('calendar');

var calendar = new FullCalendar.Calendar(calendarEl, {

height: '100%',

expandRows: true,

headerToolbar: {

left: 'prev,next today',

center: 'title',

right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek'

},

 

navLinks: true, // can click day/week names to navigate views

editable: false,

selectable: false,

//selectMirror: true,

fixedWeekCount:false,

locale: 'ko',

businessHours: true,

nowIndicator: true,

dayMaxEvents: true, // allow "more" link when too many events

googleCalendarApiKey: '개인구글캘린더apikey',

//연동될 구글캘린더가 여러개인경우 eventSources를 이용하여 캘린더 머지함

eventSources: [

{

   googleCalendarId: '공개한내구글캘린더id@group.calendar.google.com',

   color: 'green'

},

{  //대한민국 공휴일

   googleCalendarId: 'ko.south_korea#holiday@group.v.calendar.google.com'

}

]

,eventClick: function(info){

   //클릭시 구글캘린더 url로 가는것을 막는다.

   info.jsEvent.stopPropagation();

   info.jsEvent.preventDefault();

}

/*

//연동할 구글캘린더가 1개인 경우 

events: {

   googleCalendarId: 'ko.south_korea#holiday@group.v.calendar.google.com'

},

eventClick: function(info){

info.jsEvent.stopPropagation();

info.jsEvent.preventDefault();

}

*/

});

calendar.render();

});