74 lines
1.4 KiB
JavaScript
74 lines
1.4 KiB
JavaScript
|
var events = [
|
||
|
|
{
|
||
|
|
title: "All Day Event",
|
||
|
|
start: "2023-09-01",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Long Event",
|
||
|
|
start: "2023-09-07",
|
||
|
|
end: "2023-09-10",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
groupId: "999",
|
||
|
|
title: "Repeating Event",
|
||
|
|
start: "2023-09-09T16:00:00",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
groupId: "999",
|
||
|
|
title: "Repeating Event",
|
||
|
|
start: "2023-09-16T16:00:00",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Conference",
|
||
|
|
start: "2023-09-11",
|
||
|
|
end: "2023-09-13",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Meeting",
|
||
|
|
start: "2023-09-12T10:30:00",
|
||
|
|
end: "2023-09-12T12:30:00",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Lunch",
|
||
|
|
start: "2023-09-12T12:00:00",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Meeting",
|
||
|
|
start: "2023-09-12T14:30:00",
|
||
|
|
url: "https://lu-dev.de",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Birthday Party",
|
||
|
|
start: "2023-09-13T07:00:00",
|
||
|
|
},
|
||
|
|
{
|
||
|
|
title: "Click for Google",
|
||
|
|
url: "https://google.com/",
|
||
|
|
start: "2023-09-28",
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
document.addEventListener("DOMContentLoaded", function () {
|
||
|
|
var calendarEl = document.getElementById("calendar");
|
||
|
|
|
||
|
|
var calendar = new FullCalendar.Calendar(calendarEl, {
|
||
|
|
initialView: "timeGridWeek",
|
||
|
|
weekNumbers: true,
|
||
|
|
navLinks: true,
|
||
|
|
selectable: true,
|
||
|
|
locale: 'de',
|
||
|
|
firstDay: 1,
|
||
|
|
height: 'auto',
|
||
|
|
multiMonthMinWidth: '500',
|
||
|
|
|
||
|
|
headerToolbar: {
|
||
|
|
left: "prev,next today",
|
||
|
|
center: "title",
|
||
|
|
right: "multiMonthYear,dayGridMonth,timeGridWeek,timeGridDay",
|
||
|
|
},
|
||
|
|
events: events,
|
||
|
|
});
|
||
|
|
|
||
|
|
calendar.render();
|
||
|
|
});
|