|
|
|
@ -4,81 +4,81 @@ import dayGridPlugin from '@fullcalendar/daygrid'; |
|
|
|
import timeGridPlugin from '@fullcalendar/timegrid'; |
|
|
|
import listPlugin from '@fullcalendar/list'; |
|
|
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
var calendarEl = document.getElementById('calendar'); |
|
|
|
document.addEventListener('DOMContentLoaded', function () { |
|
|
|
const calendarEl = document.getElementById('calendar'); |
|
|
|
|
|
|
|
// element found in dom ?
|
|
|
|
if (calendarEl == null) { |
|
|
|
return |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
var calendar = new Calendar(calendarEl, { |
|
|
|
plugins: [ interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin ], |
|
|
|
const calendar = new Calendar(calendarEl, { |
|
|
|
plugins: [interactionPlugin, dayGridPlugin, timeGridPlugin, listPlugin], |
|
|
|
headerToolbar: { |
|
|
|
left: 'prev,next today', |
|
|
|
center: 'title', |
|
|
|
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek' |
|
|
|
right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek', |
|
|
|
}, |
|
|
|
initialDate: '2018-01-12', |
|
|
|
initialDate: '2024-01-12', |
|
|
|
navLinks: true, // can click day/week names to navigate views
|
|
|
|
editable: true, |
|
|
|
dayMaxEvents: true, // allow "more" link when too many events
|
|
|
|
events: [ |
|
|
|
{ |
|
|
|
title: 'All Day Event', |
|
|
|
start: '2018-01-01', |
|
|
|
start: '2024-01-01', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Long Event', |
|
|
|
start: '2018-01-07', |
|
|
|
end: '2018-01-10' |
|
|
|
start: '2024-01-07', |
|
|
|
end: '2024-01-10', |
|
|
|
}, |
|
|
|
{ |
|
|
|
groupId: 999, |
|
|
|
title: 'Repeating Event', |
|
|
|
start: '2018-01-09T16:00:00' |
|
|
|
start: '2024-01-09T16:00:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
groupId: 999, |
|
|
|
title: 'Repeating Event', |
|
|
|
start: '2018-01-16T16:00:00' |
|
|
|
start: '2024-01-16T16:00:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Conference', |
|
|
|
start: '2018-01-11', |
|
|
|
end: '2018-01-13' |
|
|
|
start: '2024-01-11', |
|
|
|
end: '2024-01-13', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Meeting', |
|
|
|
start: '2018-01-12T10:30:00', |
|
|
|
end: '2018-01-12T12:30:00' |
|
|
|
start: '2024-01-12T10:30:00', |
|
|
|
end: '2024-01-12T12:30:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Lunch', |
|
|
|
start: '2018-01-12T12:00:00' |
|
|
|
start: '2024-01-12T12:00:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Meeting', |
|
|
|
start: '2018-01-12T14:30:00' |
|
|
|
start: '2024-01-12T14:30:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Happy Hour', |
|
|
|
start: '2018-01-12T17:30:00' |
|
|
|
start: '2024-01-12T17:30:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Dinner', |
|
|
|
start: '2018-01-12T20:00:00' |
|
|
|
start: '2024-01-12T20:00:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Birthday Party', |
|
|
|
start: '2018-01-13T07:00:00' |
|
|
|
start: '2024-01-13T07:00:00', |
|
|
|
}, |
|
|
|
{ |
|
|
|
title: 'Click for Google', |
|
|
|
url: 'http://google.com/', |
|
|
|
start: '2018-01-28' |
|
|
|
} |
|
|
|
] |
|
|
|
start: '2024-01-28', |
|
|
|
}, |
|
|
|
], |
|
|
|
}); |
|
|
|
|
|
|
|
calendar.render(); |
|
|
|
|