diff options
Diffstat (limited to 'library/fullcalendar/examples')
-rw-r--r-- | library/fullcalendar/examples/background-events.html | 28 | ||||
-rw-r--r-- | library/fullcalendar/examples/daygrid-views.html | 32 | ||||
-rw-r--r-- | library/fullcalendar/examples/external-dragging-2cals.html | 12 | ||||
-rw-r--r-- | library/fullcalendar/examples/full-height.html | 32 | ||||
-rw-r--r-- | library/fullcalendar/examples/list-sticky-header.html | 2 | ||||
-rw-r--r-- | library/fullcalendar/examples/list-views.html | 32 | ||||
-rw-r--r-- | library/fullcalendar/examples/month-view.html | 32 | ||||
-rw-r--r-- | library/fullcalendar/examples/multimonth-view.html | 110 | ||||
-rw-r--r-- | library/fullcalendar/examples/multiweek-view.html | 107 | ||||
-rw-r--r-- | library/fullcalendar/examples/natural-height.html | 32 | ||||
-rw-r--r-- | library/fullcalendar/examples/selectable.html | 32 | ||||
-rw-r--r-- | library/fullcalendar/examples/timegrid-views.html | 32 |
12 files changed, 350 insertions, 133 deletions
diff --git a/library/fullcalendar/examples/background-events.html b/library/fullcalendar/examples/background-events.html index fd36fde4c..911e0b3b6 100644 --- a/library/fullcalendar/examples/background-events.html +++ b/library/fullcalendar/examples/background-events.html @@ -14,7 +14,7 @@ center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth' }, - initialDate: '2020-09-12', + initialDate: '2023-01-12', navLinks: true, // can click day/week names to navigate views businessHours: true, // display business hours editable: true, @@ -22,50 +22,50 @@ events: [ { title: 'Business Lunch', - start: '2020-09-03T13:00:00', + start: '2023-01-03T13:00:00', constraint: 'businessHours' }, { title: 'Meeting', - start: '2020-09-13T11:00:00', + start: '2023-01-13T11:00:00', constraint: 'availableForMeeting', // defined below color: '#257e4a' }, { title: 'Conference', - start: '2020-09-18', - end: '2020-09-20' + start: '2023-01-18', + end: '2023-01-20' }, { title: 'Party', - start: '2020-09-29T20:00:00' + start: '2023-01-29T20:00:00' }, // areas where "Meeting" must be dropped { groupId: 'availableForMeeting', - start: '2020-09-11T10:00:00', - end: '2020-09-11T16:00:00', + start: '2023-01-11T10:00:00', + end: '2023-01-11T16:00:00', display: 'background' }, { groupId: 'availableForMeeting', - start: '2020-09-13T10:00:00', - end: '2020-09-13T16:00:00', + start: '2023-01-13T10:00:00', + end: '2023-01-13T16:00:00', display: 'background' }, // red areas where no events can be dropped { - start: '2020-09-24', - end: '2020-09-28', + start: '2023-01-24', + end: '2023-01-28', overlap: false, display: 'background', color: '#ff9f89' }, { - start: '2020-09-06', - end: '2020-09-08', + start: '2023-01-06', + end: '2023-01-08', overlap: false, display: 'background', color: '#ff9f89' diff --git a/library/fullcalendar/examples/daygrid-views.html b/library/fullcalendar/examples/daygrid-views.html index 9c20c5f0f..9dafe439d 100644 --- a/library/fullcalendar/examples/daygrid-views.html +++ b/library/fullcalendar/examples/daygrid-views.html @@ -14,64 +14,64 @@ center: 'title', right: 'dayGridMonth,dayGridWeek,dayGridDay' }, - initialDate: '2020-09-12', + initialDate: '2023-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: '2020-09-01' + start: '2023-01-01' }, { title: 'Long Event', - start: '2020-09-07', - end: '2020-09-10' + start: '2023-01-07', + end: '2023-01-10' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-09T16:00:00' + start: '2023-01-09T16:00:00' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-16T16:00:00' + start: '2023-01-16T16:00:00' }, { title: 'Conference', - start: '2020-09-11', - end: '2020-09-13' + start: '2023-01-11', + end: '2023-01-13' }, { title: 'Meeting', - start: '2020-09-12T10:30:00', - end: '2020-09-12T12:30:00' + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' }, { title: 'Lunch', - start: '2020-09-12T12:00:00' + start: '2023-01-12T12:00:00' }, { title: 'Meeting', - start: '2020-09-12T14:30:00' + start: '2023-01-12T14:30:00' }, { title: 'Happy Hour', - start: '2020-09-12T17:30:00' + start: '2023-01-12T17:30:00' }, { title: 'Dinner', - start: '2020-09-12T20:00:00' + start: '2023-01-12T20:00:00' }, { title: 'Birthday Party', - start: '2020-09-13T07:00:00' + start: '2023-01-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', - start: '2020-09-28' + start: '2023-01-28' } ] }); diff --git a/library/fullcalendar/examples/external-dragging-2cals.html b/library/fullcalendar/examples/external-dragging-2cals.html index a0744b24c..066685d47 100644 --- a/library/fullcalendar/examples/external-dragging-2cals.html +++ b/library/fullcalendar/examples/external-dragging-2cals.html @@ -11,17 +11,17 @@ var srcCalendar = new FullCalendar.Calendar(srcCalendarEl, { editable: true, - initialDate: '2020-09-12', + initialDate: '2023-01-12', events: [ { title: 'event1', - start: '2020-09-11T10:00:00', - end: '2020-09-11T16:00:00' + start: '2023-01-11T10:00:00', + end: '2023-01-11T16:00:00' }, { title: 'event2', - start: '2020-09-13T10:00:00', - end: '2020-09-13T16:00:00' + start: '2023-01-13T10:00:00', + end: '2023-01-13T16:00:00' } ], eventLeave: function(info) { @@ -30,7 +30,7 @@ }); var destCalendar = new FullCalendar.Calendar(destCalendarEl, { - initialDate: '2020-09-12', + initialDate: '2023-01-12', editable: true, droppable: true, // will let it receive events! eventReceive: function(info) { diff --git a/library/fullcalendar/examples/full-height.html b/library/fullcalendar/examples/full-height.html index 89b8f7a60..18b55f8c4 100644 --- a/library/fullcalendar/examples/full-height.html +++ b/library/fullcalendar/examples/full-height.html @@ -19,7 +19,7 @@ right: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek' }, initialView: 'dayGridMonth', - initialDate: '2020-09-12', + initialDate: '2023-01-12', navLinks: true, // can click day/week names to navigate views editable: true, selectable: true, @@ -28,57 +28,57 @@ events: [ { title: 'All Day Event', - start: '2020-09-01', + start: '2023-01-01', }, { title: 'Long Event', - start: '2020-09-07', - end: '2020-09-10' + start: '2023-01-07', + end: '2023-01-10' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-09T16:00:00' + start: '2023-01-09T16:00:00' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-16T16:00:00' + start: '2023-01-16T16:00:00' }, { title: 'Conference', - start: '2020-09-11', - end: '2020-09-13' + start: '2023-01-11', + end: '2023-01-13' }, { title: 'Meeting', - start: '2020-09-12T10:30:00', - end: '2020-09-12T12:30:00' + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' }, { title: 'Lunch', - start: '2020-09-12T12:00:00' + start: '2023-01-12T12:00:00' }, { title: 'Meeting', - start: '2020-09-12T14:30:00' + start: '2023-01-12T14:30:00' }, { title: 'Happy Hour', - start: '2020-09-12T17:30:00' + start: '2023-01-12T17:30:00' }, { title: 'Dinner', - start: '2020-09-12T20:00:00' + start: '2023-01-12T20:00:00' }, { title: 'Birthday Party', - start: '2020-09-13T07:00:00' + start: '2023-01-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', - start: '2020-09-28' + start: '2023-01-28' } ] }); diff --git a/library/fullcalendar/examples/list-sticky-header.html b/library/fullcalendar/examples/list-sticky-header.html index dacd93b01..487af317e 100644 --- a/library/fullcalendar/examples/list-sticky-header.html +++ b/library/fullcalendar/examples/list-sticky-header.html @@ -26,7 +26,7 @@ }, initialView: 'listYear', - initialDate: '2020-09-12', + initialDate: '2023-01-12', navLinks: true, // can click day/week names to navigate views editable: true, events: [ diff --git a/library/fullcalendar/examples/list-views.html b/library/fullcalendar/examples/list-views.html index 43094334d..cb219d03a 100644 --- a/library/fullcalendar/examples/list-views.html +++ b/library/fullcalendar/examples/list-views.html @@ -24,64 +24,64 @@ }, initialView: 'listWeek', - initialDate: '2020-09-12', + initialDate: '2023-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: '2020-09-01' + start: '2023-01-01' }, { title: 'Long Event', - start: '2020-09-07', - end: '2020-09-10' + start: '2023-01-07', + end: '2023-01-10' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-09T16:00:00' + start: '2023-01-09T16:00:00' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-16T16:00:00' + start: '2023-01-16T16:00:00' }, { title: 'Conference', - start: '2020-09-11', - end: '2020-09-13' + start: '2023-01-11', + end: '2023-01-13' }, { title: 'Meeting', - start: '2020-09-12T10:30:00', - end: '2020-09-12T12:30:00' + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' }, { title: 'Lunch', - start: '2020-09-12T12:00:00' + start: '2023-01-12T12:00:00' }, { title: 'Meeting', - start: '2020-09-12T14:30:00' + start: '2023-01-12T14:30:00' }, { title: 'Happy Hour', - start: '2020-09-12T17:30:00' + start: '2023-01-12T17:30:00' }, { title: 'Dinner', - start: '2020-09-12T20:00:00' + start: '2023-01-12T20:00:00' }, { title: 'Birthday Party', - start: '2020-09-13T07:00:00' + start: '2023-01-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', - start: '2020-09-28' + start: '2023-01-28' } ] }); diff --git a/library/fullcalendar/examples/month-view.html b/library/fullcalendar/examples/month-view.html index a285ff949..dbd886122 100644 --- a/library/fullcalendar/examples/month-view.html +++ b/library/fullcalendar/examples/month-view.html @@ -9,7 +9,7 @@ var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { - initialDate: '2020-09-12', + initialDate: '2023-01-12', editable: true, selectable: true, businessHours: true, @@ -17,57 +17,57 @@ events: [ { title: 'All Day Event', - start: '2020-09-01' + start: '2023-01-01' }, { title: 'Long Event', - start: '2020-09-07', - end: '2020-09-10' + start: '2023-01-07', + end: '2023-01-10' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-09T16:00:00' + start: '2023-01-09T16:00:00' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-16T16:00:00' + start: '2023-01-16T16:00:00' }, { title: 'Conference', - start: '2020-09-11', - end: '2020-09-13' + start: '2023-01-11', + end: '2023-01-13' }, { title: 'Meeting', - start: '2020-09-12T10:30:00', - end: '2020-09-12T12:30:00' + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' }, { title: 'Lunch', - start: '2020-09-12T12:00:00' + start: '2023-01-12T12:00:00' }, { title: 'Meeting', - start: '2020-09-12T14:30:00' + start: '2023-01-12T14:30:00' }, { title: 'Happy Hour', - start: '2020-09-12T17:30:00' + start: '2023-01-12T17:30:00' }, { title: 'Dinner', - start: '2020-09-12T20:00:00' + start: '2023-01-12T20:00:00' }, { title: 'Birthday Party', - start: '2020-09-13T07:00:00' + start: '2023-01-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', - start: '2020-09-28' + start: '2023-01-28' } ] }); diff --git a/library/fullcalendar/examples/multimonth-view.html b/library/fullcalendar/examples/multimonth-view.html new file mode 100644 index 000000000..feb9d23f5 --- /dev/null +++ b/library/fullcalendar/examples/multimonth-view.html @@ -0,0 +1,110 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset='utf-8' /> +<script src='../dist/index.global.js'></script> +<script> + + document.addEventListener('DOMContentLoaded', function() { + var calendarEl = document.getElementById('calendar'); + + var calendar = new FullCalendar.Calendar(calendarEl, { + headerToolbar: { + left: 'prev,next today', + center: 'title', + right: 'multiMonthYear,dayGridMonth,timeGridWeek' + }, + initialView: 'multiMonthYear', + initialDate: '2023-01-12', + editable: true, + selectable: true, + dayMaxEvents: true, // allow "more" link when too many events + // multiMonthMaxColumns: 1, // guarantee single column + // showNonCurrentDates: true, + // fixedWeekCount: false, + // businessHours: true, + // weekends: false, + events: [ + { + title: 'All Day Event', + start: '2023-01-01' + }, + { + title: 'Long Event', + start: '2023-01-07', + end: '2023-01-10' + }, + { + groupId: 999, + title: 'Repeating Event', + start: '2023-01-09T16:00:00' + }, + { + groupId: 999, + title: 'Repeating Event', + start: '2023-01-16T16:00:00' + }, + { + title: 'Conference', + start: '2023-01-11', + end: '2023-01-13' + }, + { + title: 'Meeting', + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' + }, + { + title: 'Lunch', + start: '2023-01-12T12:00:00' + }, + { + title: 'Meeting', + start: '2023-01-12T14:30:00' + }, + { + title: 'Happy Hour', + start: '2023-01-12T17:30:00' + }, + { + title: 'Dinner', + start: '2023-01-12T20:00:00' + }, + { + title: 'Birthday Party', + start: '2023-01-13T07:00:00' + }, + { + title: 'Click for Google', + url: 'http://google.com/', + start: '2023-01-28' + } + ] + }); + + calendar.render(); + }); + +</script> +<style> + + body { + margin: 40px 10px; + padding: 0; + font-family: Arial, Helvetica Neue, Helvetica, sans-serif; + font-size: 14px; + } + + #calendar { + max-width: 1200px; + margin: 0 auto; + } + +</style> +</head> +<body> + + <div id='calendar'></div> + +</body> +</html> diff --git a/library/fullcalendar/examples/multiweek-view.html b/library/fullcalendar/examples/multiweek-view.html new file mode 100644 index 000000000..5a175fbb9 --- /dev/null +++ b/library/fullcalendar/examples/multiweek-view.html @@ -0,0 +1,107 @@ +<!DOCTYPE html> +<html> +<head> +<meta charset='utf-8' /> +<script src='../dist/index.global.js'></script> +<script> + + document.addEventListener('DOMContentLoaded', function() { + var calendarEl = document.getElementById('calendar'); + + var calendar = new FullCalendar.Calendar(calendarEl, { + headerToolbar: { + left: 'prev,next today', + center: 'title', + right: 'dayGridYear,dayGridMonth,timeGridWeek' + }, + initialView: 'dayGridYear', + initialDate: '2023-01-12', + editable: true, + selectable: true, + dayMaxEvents: true, // allow "more" link when too many events + // businessHours: true, + // weekends: false, + events: [ + { + title: 'All Day Event', + start: '2023-01-01' + }, + { + title: 'Long Event', + start: '2023-01-07', + end: '2023-01-10' + }, + { + groupId: 999, + title: 'Repeating Event', + start: '2023-01-09T16:00:00' + }, + { + groupId: 999, + title: 'Repeating Event', + start: '2023-01-16T16:00:00' + }, + { + title: 'Conference', + start: '2023-01-11', + end: '2023-01-13' + }, + { + title: 'Meeting', + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' + }, + { + title: 'Lunch', + start: '2023-01-12T12:00:00' + }, + { + title: 'Meeting', + start: '2023-01-12T14:30:00' + }, + { + title: 'Happy Hour', + start: '2023-01-12T17:30:00' + }, + { + title: 'Dinner', + start: '2023-01-12T20:00:00' + }, + { + title: 'Birthday Party', + start: '2023-01-13T07:00:00' + }, + { + title: 'Click for Google', + url: 'http://google.com/', + start: '2023-01-28' + } + ] + }); + + calendar.render(); + }); + +</script> +<style> + + body { + margin: 40px 10px; + padding: 0; + font-family: Arial, Helvetica Neue, Helvetica, sans-serif; + font-size: 14px; + } + + #calendar { + max-width: 1200px; + margin: 0 auto; + } + +</style> +</head> +<body> + + <div id='calendar'></div> + +</body> +</html> diff --git a/library/fullcalendar/examples/natural-height.html b/library/fullcalendar/examples/natural-height.html index 215067522..b62c41d68 100644 --- a/library/fullcalendar/examples/natural-height.html +++ b/library/fullcalendar/examples/natural-height.html @@ -9,7 +9,7 @@ var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { - initialDate: '2020-09-12', + initialDate: '2023-01-12', initialView: 'timeGridWeek', headerToolbar: { left: 'prev,next today', @@ -25,57 +25,57 @@ events: [ { title: 'All Day Event', - start: '2020-09-01', + start: '2023-01-01', }, { title: 'Long Event', - start: '2020-09-07', - end: '2020-09-10' + start: '2023-01-07', + end: '2023-01-10' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-09T16:00:00' + start: '2023-01-09T16:00:00' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-16T16:00:00' + start: '2023-01-16T16:00:00' }, { title: 'Conference', - start: '2020-09-11', - end: '2020-09-13' + start: '2023-01-11', + end: '2023-01-13' }, { title: 'Meeting', - start: '2020-09-12T10:30:00', - end: '2020-09-12T12:30:00' + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' }, { title: 'Lunch', - start: '2020-09-12T12:00:00' + start: '2023-01-12T12:00:00' }, { title: 'Meeting', - start: '2020-09-12T14:30:00' + start: '2023-01-12T14:30:00' }, { title: 'Happy Hour', - start: '2020-09-12T17:30:00' + start: '2023-01-12T17:30:00' }, { title: 'Dinner', - start: '2020-09-12T20:00:00' + start: '2023-01-12T20:00:00' }, { title: 'Birthday Party', - start: '2020-09-13T07:00:00' + start: '2023-01-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', - start: '2020-09-28' + start: '2023-01-28' } ] }); diff --git a/library/fullcalendar/examples/selectable.html b/library/fullcalendar/examples/selectable.html index 09d384498..785e90efa 100644 --- a/library/fullcalendar/examples/selectable.html +++ b/library/fullcalendar/examples/selectable.html @@ -14,7 +14,7 @@ center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay' }, - initialDate: '2020-09-12', + initialDate: '2023-01-12', navLinks: true, // can click day/week names to navigate views selectable: true, selectMirror: true, @@ -40,57 +40,57 @@ events: [ { title: 'All Day Event', - start: '2020-09-01' + start: '2023-01-01' }, { title: 'Long Event', - start: '2020-09-07', - end: '2020-09-10' + start: '2023-01-07', + end: '2023-01-10' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-09T16:00:00' + start: '2023-01-09T16:00:00' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-16T16:00:00' + start: '2023-01-16T16:00:00' }, { title: 'Conference', - start: '2020-09-11', - end: '2020-09-13' + start: '2023-01-11', + end: '2023-01-13' }, { title: 'Meeting', - start: '2020-09-12T10:30:00', - end: '2020-09-12T12:30:00' + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' }, { title: 'Lunch', - start: '2020-09-12T12:00:00' + start: '2023-01-12T12:00:00' }, { title: 'Meeting', - start: '2020-09-12T14:30:00' + start: '2023-01-12T14:30:00' }, { title: 'Happy Hour', - start: '2020-09-12T17:30:00' + start: '2023-01-12T17:30:00' }, { title: 'Dinner', - start: '2020-09-12T20:00:00' + start: '2023-01-12T20:00:00' }, { title: 'Birthday Party', - start: '2020-09-13T07:00:00' + start: '2023-01-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', - start: '2020-09-28' + start: '2023-01-28' } ] }); diff --git a/library/fullcalendar/examples/timegrid-views.html b/library/fullcalendar/examples/timegrid-views.html index c197b1ae5..9cd2527e2 100644 --- a/library/fullcalendar/examples/timegrid-views.html +++ b/library/fullcalendar/examples/timegrid-views.html @@ -9,7 +9,7 @@ var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, { - initialDate: '2020-09-12', + initialDate: '2023-01-12', initialView: 'timeGridWeek', nowIndicator: true, headerToolbar: { @@ -25,57 +25,57 @@ events: [ { title: 'All Day Event', - start: '2020-09-01', + start: '2023-01-01', }, { title: 'Long Event', - start: '2020-09-07', - end: '2020-09-10' + start: '2023-01-07', + end: '2023-01-10' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-09T16:00:00' + start: '2023-01-09T16:00:00' }, { groupId: 999, title: 'Repeating Event', - start: '2020-09-16T16:00:00' + start: '2023-01-16T16:00:00' }, { title: 'Conference', - start: '2020-09-11', - end: '2020-09-13' + start: '2023-01-11', + end: '2023-01-13' }, { title: 'Meeting', - start: '2020-09-12T10:30:00', - end: '2020-09-12T12:30:00' + start: '2023-01-12T10:30:00', + end: '2023-01-12T12:30:00' }, { title: 'Lunch', - start: '2020-09-12T12:00:00' + start: '2023-01-12T12:00:00' }, { title: 'Meeting', - start: '2020-09-12T14:30:00' + start: '2023-01-12T14:30:00' }, { title: 'Happy Hour', - start: '2020-09-12T17:30:00' + start: '2023-01-12T17:30:00' }, { title: 'Dinner', - start: '2020-09-12T20:00:00' + start: '2023-01-12T20:00:00' }, { title: 'Birthday Party', - start: '2020-09-13T07:00:00' + start: '2023-01-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', - start: '2020-09-28' + start: '2023-01-28' } ] }); |