summaryrefslogtreecommitdiff
path: root/public/js/fullcalendar/examples/month-view.html
diff options
context:
space:
mode:
Diffstat (limited to 'public/js/fullcalendar/examples/month-view.html')
-rw-r--r--public/js/fullcalendar/examples/month-view.html100
1 files changed, 100 insertions, 0 deletions
diff --git a/public/js/fullcalendar/examples/month-view.html b/public/js/fullcalendar/examples/month-view.html
new file mode 100644
index 0000000..dbd8861
--- /dev/null
+++ b/public/js/fullcalendar/examples/month-view.html
@@ -0,0 +1,100 @@
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 initialDate: '2023-01-12',
13 editable: true,
14 selectable: true,
15 businessHours: true,
16 dayMaxEvents: true, // allow "more" link when too many events
17 events: [
18 {
19 title: 'All Day Event',
20 start: '2023-01-01'
21 },
22 {
23 title: 'Long Event',
24 start: '2023-01-07',
25 end: '2023-01-10'
26 },
27 {
28 groupId: 999,
29 title: 'Repeating Event',
30 start: '2023-01-09T16:00:00'
31 },
32 {
33 groupId: 999,
34 title: 'Repeating Event',
35 start: '2023-01-16T16:00:00'
36 },
37 {
38 title: 'Conference',
39 start: '2023-01-11',
40 end: '2023-01-13'
41 },
42 {
43 title: 'Meeting',
44 start: '2023-01-12T10:30:00',
45 end: '2023-01-12T12:30:00'
46 },
47 {
48 title: 'Lunch',
49 start: '2023-01-12T12:00:00'
50 },
51 {
52 title: 'Meeting',
53 start: '2023-01-12T14:30:00'
54 },
55 {
56 title: 'Happy Hour',
57 start: '2023-01-12T17:30:00'
58 },
59 {
60 title: 'Dinner',
61 start: '2023-01-12T20:00:00'
62 },
63 {
64 title: 'Birthday Party',
65 start: '2023-01-13T07:00:00'
66 },
67 {
68 title: 'Click for Google',
69 url: 'http://google.com/',
70 start: '2023-01-28'
71 }
72 ]
73 });
74
75 calendar.render();
76 });
77
78</script>
79<style>
80
81 body {
82 margin: 40px 10px;
83 padding: 0;
84 font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
85 font-size: 14px;
86 }
87
88 #calendar {
89 max-width: 1100px;
90 margin: 0 auto;
91 }
92
93</style>
94</head>
95<body>
96
97 <div id='calendar'></div>
98
99</body>
100</html>