<!DOCTYPE html>
<html>
<head>
<link
rel="stylesheet"
href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.4.1/css/bootstrap.min.css"
/>
<link
rel="stylesheet"
href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.1/fullcalendar.min.css"
/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.1/fullcalendar.min.js"></script>
<script src="lib/script.js"></script>
</head>
<body>
<h1>Fullcalendar Test</h1>
<div class="fullCalendar"></div>
</body>
</html>
$(function() {
$(".fullCalendar").fullCalendar({
eventLimit: 1,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaDay,listDay'
},
defaultView: 'month',
eventLimitText: "Vehicles",
timeFormat: 'H:mm',
eventSources:[
'databases/calendar.json',
'databases/exceptions.json'
],
showNonCurrentDates: false,
dayClick: function(date,jsEvent,view) {
var eventDate=date.format();
if (jsEvent.target.classList.contains('bg-danger')) {
alert("Danger");
} else if (jsEvent.target.classList.contains('bg-warning')) {
alert("Warning");
} //else alert("EVENTS");
//$('#modalAddEditSchedule #date_schedules').val(eventDate);
},
eventClick: function(event, jsEvent, view) {
alert("Event Click");
}
});
});
[
{
"start": "2020-01-22T18:00:00",
"end": "2020-01-22T18:00:00",
"scheduleStart": "2020-01-22",
"scheduleEnd": "2020-01-22",
"title": "Scale - 8 Seats",
"backgroundColor": "#7fbf7f",
"textColor": "#000000"
},
{
"start": "2020-01-22T20:00:00",
"end": "2020-01-22T20:00:00",
"scheduleStart": "2020-01-22",
"scheduleEnd": "2020-01-22",
"title": "Scale - 6 Seats",
"backgroundColor": "#ffff00",
"textColor": "#000000"
}
]
[
{
"start": "2020-01-07",
"end": "2020-01-07",
"rendering": "background",
"className": "bg-danger"
},
{
"start": "2020-01-11",
"end": "2020-01-13",
"rendering": "background",
"className": "bg-warning"
},
{
"start": "2020-01-16",
"end": "2020-01-18",
"rendering": "background",
"className": "bg-danger"
},
{
"start": "2020-01-19",
"end": "2020-01-21",
"rendering": "background",
"className": "bg-warning"
},
{
"start": "2020-01-21",
"end": "2020-01-23",
"rendering": "background",
"className": "bg-danger"
},
{
"start": "2020-01-28",
"end": "2020-01-31",
"rendering": "background",
"className": "bg-warning"
},
{
"start": "2020-01-26",
"end": "2020-01-28",
"rendering": "background",
"className": "bg-danger"
}
]