Calendar
Documentation
Full Calendar Documentation
Includes
Stylesheet
<link href="./js/plugins/fullcalendar/fullcalendar.css" rel="stylesheet">
Javascript
<script src="./js/plugins/fullcalendar/fullcalendar.min.js"></script>
Container
<div id="calendar-holder"></div>
Javascript
$('#calendar-holder').fullCalendar({
header: {
left: 'prev, next',
center: 'title',
right: 'month,basicWeek,basicDay,'
}
, events: [
{
title: 'Long Event',
start: new Date(y, m, d-5),
end: new Date(y, m, d-2),
color: '#3C4049'
},
{
id: 999,
title: 'Repeating Event',
start: new Date(y, m, 19, 16, 0),
end: new Date (y, m, 22, 16, 0),
allDay: false,
color: '#3C4049'
}
]
});