aboutsummaryrefslogtreecommitdiffstats
path: root/library/fullcalendar/examples/daygrid-views.html
diff options
context:
space:
mode:
Diffstat (limited to 'library/fullcalendar/examples/daygrid-views.html')
-rw-r--r--library/fullcalendar/examples/daygrid-views.html45
1 files changed, 20 insertions, 25 deletions
diff --git a/library/fullcalendar/examples/daygrid-views.html b/library/fullcalendar/examples/daygrid-views.html
index 0521d5d1a..9c20c5f0f 100644
--- a/library/fullcalendar/examples/daygrid-views.html
+++ b/library/fullcalendar/examples/daygrid-views.html
@@ -2,81 +2,76 @@
<html>
<head>
<meta charset='utf-8' />
-<link href='../packages/core/main.css' rel='stylesheet' />
-<link href='../packages/daygrid/main.css' rel='stylesheet' />
-<script src='../packages/core/main.js'></script>
-<script src='../packages/interaction/main.js'></script>
-<script src='../packages/daygrid/main.js'></script>
+<script src='../dist/index.global.js'></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
- plugins: [ 'interaction', 'dayGrid' ],
- header: {
+ headerToolbar: {
left: 'prevYear,prev,next,nextYear today',
center: 'title',
right: 'dayGridMonth,dayGridWeek,dayGridDay'
},
- defaultDate: '2020-05-12',
+ initialDate: '2020-09-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
- eventLimit: true, // allow "more" link when too many events
+ dayMaxEvents: true, // allow "more" link when too many events
events: [
{
title: 'All Day Event',
- start: '2020-05-01'
+ start: '2020-09-01'
},
{
title: 'Long Event',
- start: '2020-05-07',
- end: '2020-05-10'
+ start: '2020-09-07',
+ end: '2020-09-10'
},
{
groupId: 999,
title: 'Repeating Event',
- start: '2020-05-09T16:00:00'
+ start: '2020-09-09T16:00:00'
},
{
groupId: 999,
title: 'Repeating Event',
- start: '2020-05-16T16:00:00'
+ start: '2020-09-16T16:00:00'
},
{
title: 'Conference',
- start: '2020-05-11',
- end: '2020-05-13'
+ start: '2020-09-11',
+ end: '2020-09-13'
},
{
title: 'Meeting',
- start: '2020-05-12T10:30:00',
- end: '2020-05-12T12:30:00'
+ start: '2020-09-12T10:30:00',
+ end: '2020-09-12T12:30:00'
},
{
title: 'Lunch',
- start: '2020-05-12T12:00:00'
+ start: '2020-09-12T12:00:00'
},
{
title: 'Meeting',
- start: '2020-05-12T14:30:00'
+ start: '2020-09-12T14:30:00'
},
{
title: 'Happy Hour',
- start: '2020-05-12T17:30:00'
+ start: '2020-09-12T17:30:00'
},
{
title: 'Dinner',
- start: '2020-05-12T20:00:00'
+ start: '2020-09-12T20:00:00'
},
{
title: 'Birthday Party',
- start: '2020-05-13T07:00:00'
+ start: '2020-09-13T07:00:00'
},
{
title: 'Click for Google',
url: 'http://google.com/',
- start: '2020-05-28'
+ start: '2020-09-28'
}
]
});
@@ -95,7 +90,7 @@
}
#calendar {
- max-width: 900px;
+ max-width: 1100px;
margin: 0 auto;
}