summaryrefslogtreecommitdiff
path: root/public/js/fullcalendar/examples/multiweek-view.html
diff options
context:
space:
mode:
Diffstat (limited to 'public/js/fullcalendar/examples/multiweek-view.html')
-rw-r--r--public/js/fullcalendar/examples/multiweek-view.html107
1 files changed, 107 insertions, 0 deletions
diff --git a/public/js/fullcalendar/examples/multiweek-view.html b/public/js/fullcalendar/examples/multiweek-view.html
new file mode 100644
index 0000000..5a175fb
--- /dev/null
+++ b/public/js/fullcalendar/examples/multiweek-view.html
@@ -0,0 +1,107 @@
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset='utf-8' />
5<script src='../dist/index.global.js'></script>
6<script>
7
8 document.addEventListener('DOMContentLoaded', function() {
9 var calendarEl = document.getElementById('calendar');
10
11 var calendar = new FullCalendar.Calendar(calendarEl, {
12 headerToolbar: {
13 left: 'prev,next today',
14 center: 'title',
15 right: 'dayGridYear,dayGridMonth,timeGridWeek'
16 },
17 initialView: 'dayGridYear',
18 initialDate: '2023-01-12',
19 editable: true,
20 selectable: true,
21 dayMaxEvents: true, // allow "more" link when too many events
22 // businessHours: true,
23 // weekends: false,
24 events: [
25 {
26 title: 'All Day Event',
27 start: '2023-01-01'
28 },
29 {
30 title: 'Long Event',
31 start: '2023-01-07',
32 end: '2023-01-10'
33 },
34 {
35 groupId: 999,
36 title: 'Repeating Event',
37 start: '2023-01-09T16:00:00'
38 },
39 {
40 groupId: 999,
41 title: 'Repeating Event',
42 start: '2023-01-16T16:00:00'
43 },
44 {
45 title: 'Conference',
46 start: '2023-01-11',
47 end: '2023-01-13'
48 },
49 {
50 title: 'Meeting',
51 start: '2023-01-12T10:30:00',
52 end: '2023-01-12T12:30:00'
53 },
54 {
55 title: 'Lunch',
56 start: '2023-01-12T12:00:00'
57 },
58 {
59 title: 'Meeting',
60 start: '2023-01-12T14:30:00'
61 },
62 {
63 title: 'Happy Hour',
64 start: '2023-01-12T17:30:00'
65 },
66 {
67 title: 'Dinner',
68 start: '2023-01-12T20:00:00'
69 },
70 {
71 title: 'Birthday Party',
72 start: '2023-01-13T07:00:00'
73 },
74 {
75 title: 'Click for Google',
76 url: 'http://google.com/',
77 start: '2023-01-28'
78 }
79 ]
80 });
81
82 calendar.render();
83 });
84
85</script>
86<style>
87
88 body {
89 margin: 40px 10px;
90 padding: 0;
91 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
92 font-size: 14px;
93 }
94
95 #calendar {
96 max-width: 1200px;
97 margin: 0 auto;
98 }
99
100</style>
101</head>
102<body>
103
104 <div id='calendar'></div>
105
106</body>
107</html>