Server IP : 150.95.80.236 / Your IP : 3.137.223.82 Web Server : Apache System : Linux host-150-95-80-236 3.10.0-1160.105.1.el7.x86_64 #1 SMP Thu Dec 7 15:39:45 UTC 2023 x86_64 User : social-telecare ( 10000) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/pcu.in.th/sc.pcu.in.th/demo15/src/js/custom/documentation/general/fullcalendar/ |
Upload File : |
"use strict"; // Class definition var KTGeneralFullCalendarEventsDemos = function() { // Private functions var exampleBackgroundEvents = function() { // Define colors var green = KTUtil.getCssVariableValue('--bs-active-success'); var red = KTUtil.getCssVariableValue('--bs-active-danger'); // Initialize Fullcalendar -- for more info please visit the official site: https://fullcalendar.io/demos var calendarEl = document.getElementById('kt_docs_fullcalendar_background_events'); var calendar = new FullCalendar.Calendar(calendarEl, { headerToolbar: { left: 'prev,next today', center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth' }, initialDate: '2020-09-12', navLinks: true, // can click day/week names to navigate views businessHours: true, // display business hours editable: true, selectable: true, events: [{ title: 'Business Lunch', start: '2020-09-03T13:00:00', constraint: 'businessHours' }, { title: 'Meeting', start: '2020-09-13T11:00:00', constraint: 'availableForMeeting', // defined below color: green }, { title: 'Conference', start: '2020-09-18', end: '2020-09-20' }, { title: 'Party', start: '2020-09-29T20:00:00' }, // areas where "Meeting" must be dropped { groupId: 'availableForMeeting', start: '2020-09-11', end: '2020-09-11', display: 'background', }, { groupId: 'availableForMeeting', start: '2020-09-13', end: '2020-09-13', display: 'background', }, // red areas where no events can be dropped { start: '2020-09-24', end: '2020-09-28', overlap: false, display: 'background', color: red }, { start: '2020-09-06', end: '2020-09-08', overlap: false, display: 'background', color: red } ] }); calendar.render(); } return { // Public Functions init: function() { exampleBackgroundEvents(); } }; }(); // On document ready KTUtil.onDOMContentLoaded(function() { KTGeneralFullCalendarEventsDemos.init(); });