"use strict"; var basic_calendar = { init: function() { $('#cal-basic').fullCalendar({ defaultDate: '2016-06-12', editable: true, selectable: true, selectHelper: true, droppable: true, eventLimit: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { $('#cal-basic').fullCalendar('renderEvent', { title: title, start: start._d, end: end._d, allDay: allDay }, true ); } $('#cal-basic').fullCalendar('unselect'); }, events: [ { title: 'All Day Event', start: '2016-06-01' }, { title: 'Long Event', start: '2016-06-07', end: '2016-06-10' }, { id: 999, title: 'Repeating Event', start: '2016-06-09T16:00:00' }, { id: 999, title: 'Repeating Event', start: '2016-06-16T16:00:00' }, { title: 'Conference', start: '2016-06-11', end: '2016-06-13' }, { title: 'Meeting', start: '2016-06-12T10:30:00', end: '2016-06-12T12:30:00' }, { title: 'Lunch', start: '2016-06-12T12:00:00' }, { title: 'Meeting', start: '2016-06-12T14:30:00' }, { title: 'Happy Hour', start: '2016-06-12T17:30:00' }, { title: 'Dinner', start: '2016-06-12T20:00:00' }, { title: 'Birthday Party', start: '2016-06-13T07:00:00' } ] }), $('#cal-basic-view').fullCalendar({ header: { right: 'prev,next today', center: 'title', left: 'month,basicWeek,basicDay' }, defaultDate: '2016-06-12', editable: true, droppable: true, eventLimit: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { $('#cal-basic-view').fullCalendar('renderEvent', { title: title, start: start._d, end: end._d, allDay: allDay }, true ); } $('#cal-basic-view').fullCalendar('unselect'); }, events: [ { title: 'All Day Event', start: '2016-06-01' }, { title: 'Long Event', start: '2016-06-07', end: '2016-06-10' }, { id: 999, title: 'Repeating Event', start: '2016-06-09T16:00:00' }, { id: 999, title: 'Repeating Event', start: '2016-06-16T16:00:00' }, { title: 'Conference', start: '2016-06-11', end: '2016-06-13' }, { title: 'Meeting', start: '2016-06-12T10:30:00', end: '2016-06-12T12:30:00' }, { title: 'Lunch', start: '2016-06-12T12:00:00' }, { title: 'Meeting', start: '2016-06-12T14:30:00' }, { title: 'Happy Hour', start: '2016-06-12T17:30:00' }, { title: 'Dinner', start: '2016-06-12T20:00:00' }, { title: 'Birthday Party', start: '2016-06-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', start: '2016-06-28' } ] }), $('#cal-agenda-view').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: '2016-06-12', defaultView: 'agendaWeek', editable: true, selectable: true, selectHelper: true, droppable: true, eventLimit: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { $('#cal-agenda-view').fullCalendar('renderEvent', { title: title, start: start._d, end: end._d, allDay: allDay }, true ); } $('#cal-agenda-view').fullCalendar('unselect'); }, events: [ { title: 'All Day Event', start: '2016-06-01' }, { title: 'Long Event', start: '2016-06-07', end: '2016-06-10' }, { id: 999, title: 'Repeating Event', start: '2016-06-09T16:00:00' }, { id: 999, title: 'Repeating Event', start: '2016-06-16T16:00:00' }, { title: 'Conference', start: '2016-06-11', end: '2016-06-13' }, { title: 'Meeting', start: '2016-06-12T10:30:00', end: '2016-06-12T12:30:00' }, { title: 'Lunch', start: '2016-06-12T12:00:00' }, { title: 'Meeting', start: '2016-06-12T14:30:00' }, { title: 'Happy Hour', start: '2016-06-12T17:30:00' }, { title: 'Dinner', start: '2016-06-12T20:00:00' }, { title: 'Birthday Party', start: '2016-06-13T07:00:00' }, { title: 'Click for Google', url: 'http://google.com/', start: '2016-06-28' } ] }), $('#cal-bg-events').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: '2018-02-03', businessHours: true, editable: true, selectable: true, selectHelper: true, droppable: true, eventLimit: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { $('#cal-bg-events').fullCalendar('renderEvent', { title: title, start: start._d, end: end._d, allDay: allDay }, true ); } $('#cal-bg-events').fullCalendar('unselect'); }, events: [ { title: 'Business Lunch', start: '2018-02-03T16:00:00', constraint: 'businessHours' }, { title: 'Meeting', start: '2018-02-13T11:00:00', constraint: 'availableForMeeting', color: '#ba895d' }, { title: 'Conference', start: '2018-02-18', end: '2016-06-20' }, { title: 'Party', start: '2018-02-28T20:00:00' }, { id: 'availableForMeeting', start: '2018-02-11T10:00:00', end: '2016-02-11T16:00:00', rendering: 'background' }, { id: 'availableForMeeting', start: '2018-02-13T10:00:00', end: '2018-02-13T16:00:00', rendering: 'background' }, { start: '2018-02-24', end: '2018-02-28', overlap: false, rendering: 'background', color: '#ba895d' }, { start: '2018-02-06', end: '2018-02-08', overlap: false, rendering: 'background', color: '#ba895d' } ] }), $('#cal-event-colors').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, defaultDate: '2016-06-12', businessHours: true, editable: true, selectable: true, selectHelper: true, droppable: true, eventLimit: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { $('#cal-event-colors').fullCalendar('renderEvent', { title: title, start: start._d, end: end._d, allDay: allDay }, true ); } $('#cal-event-colors').fullCalendar('unselect'); }, events: [ { title: 'All Day Event', start: '2016-06-01', color: '#24695c' }, { title: 'Long Event', start: '2016-06-07', end: '2016-06-10', color: '#ba895d' }, { id: 999, title: 'Repeating Event', start: '2016-06-09T16:00:00', color: '#ba895d' }, { id: 999, title: 'Repeating Event', start: '2016-06-16T16:00:00', color: '#FF5370' }, { title: 'Conference', start: '2016-06-11', end: '2016-06-13', color: '#ba895d' }, { title: 'Meeting', start: '2016-06-12T10:30:00', end: '2016-06-12T12:30:00', color: '#ba895d' }, { title: 'Lunch', start: '2016-06-12T12:00:00', color: '#ba895d' }, { title: 'Meeting', start: '2016-06-12T14:30:00', color: '#ba895d' }, { title: 'Happy Hour', start: '2016-06-12T17:30:00', color: '#ba895d' }, { title: 'Dinner', start: '2016-06-12T20:00:00', color: '#ba895d' }, { title: 'Birthday Party', start: '2016-06-13T07:00:00', color: '#ba895d' }, { title: 'Click for Google', url: 'http://google.com/', start: '2016-06-28', color: '#22af47' } ] }), $('#external-events .fc-event').each(function() { $(this).css({'backgroundColor': $(this).data('color'), 'borderColor': $(this).data('color')}); $(this).data('event', { title: $.trim($(this).text()), color: $(this).data('color'), stick: true }); $(this).draggable({ zIndex: 999, revert: true, revertDuration: 0 }); }), $('#fc-external-drag').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, defaultDate: '2018-06-12', selectable: true, selectHelper: true, droppable: true, eventLimit: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { $('#fc-external-drag').fullCalendar('renderEvent', { title: title, start: start._d, end: end._d, allDay: allDay }, true ); } $('#fc-external-drag').fullCalendar('unselect'); }, events: [ { title: 'All Day Event', start: '2018-06-01', color: '#24695c' }, { title: 'Long Event', start: '2018-06-07', end: '2018-06-10', color: '#22af47' }, { id: 999, title: 'Repeating Event', start: '2018-06-09T16:00:00', color: '#22af47' }, { id: 999, title: 'Repeating Event', start: '2018-06-16T16:00:00', color: '#ff9f40' }, { title: 'Conference', start: '2018-06-11', end: '2018-06-13', color: '#FF5370' }, { title: 'Meeting', start: '2018-06-12T10:30:00', end: '2018-06-12T12:30:00', color: '#FF5370' }, { title: 'Lunch', start: '2018-06-12T12:00:00', color: '#FF5370' }, { title: 'Meeting', start: '2018-06-12T14:30:00', color: '#FF5370' }, { title: 'Happy Hour', start: '2018-06-12T17:30:00', color: '#FF5370' }, { title: 'Dinner', start: '2018-06-12T20:00:00', color: '#FF5370' }, { title: 'Birthday Party', start: '2018-06-13T07:00:00', color: '#FF5370' }, { title: 'Click for Google', url: 'http://google.com/', start: '2018-06-28', color: '#ba895d' } ], drop: function() { if ($('#drop-remove').is(':checked')) { $(this).remove(); } } }), $('#external-events .fc-event').each(function() { $(this).css({'backgroundColor': $(this).data('color'), 'borderColor': $(this).data('color')}); $(this).data('event', { title: $.trim($(this).text()), color: $(this).data('color'), stick: true }); $(this).draggable({ zIndex: 999, revert: true, revertDuration: 0 }); }), $('#fc-external-drag').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay' }, editable: true, defaultDate: '2018-06-12', selectable: true, selectHelper: true, droppable: true, eventLimit: true, select: function(start, end, allDay) { var title = prompt('Event Title:'); if (title) { $('#fc-external-drag').fullCalendar('renderEvent', { title: title, start: start._d, end: end._d, allDay: allDay }, true ); } $('#fc-external-drag').fullCalendar('unselect'); }, events: [ { title: 'All Day Event', start: '2018-06-01', color: '#24695c' }, { title: 'Long Event', start: '2018-06-07', end: '2018-06-10', color: '#22af47' }, { id: 999, title: 'Repeating Event', start: '2018-06-09T16:00:00', color: '#22af47' }, { id: 999, title: 'Repeating Event', start: '2018-06-16T16:00:00', color: '#ff9f40' }, { title: 'Conference', start: '2018-06-11', end: '2018-06-13', color: '#FF5370' }, { title: 'Meeting', start: '2018-06-12T10:30:00', end: '2018-06-12T12:30:00', color: '#FF5370' }, { title: 'Lunch', start: '2018-06-12T12:00:00', color: '#FF5370' }, { title: 'Meeting', start: '2018-06-12T14:30:00', color: '#FF5370' }, { title: 'Happy Hour', start: '2018-06-12T17:30:00', color: '#FF5370' }, { title: 'Dinner', start: '2018-06-12T20:00:00', color: '#FF5370' }, { title: 'Birthday Party', start: '2018-06-13T07:00:00', color: '#FF5370' }, { title: 'Click for Google', url: 'http://google.com/', start: '2018-06-28', color: '#ba895d' } ], drop: function() { if ($('#drop-remove').is(':checked')) { $(this).remove(); } } }); } }; (function($) { "use strict"; basic_calendar.init() })(jQuery);