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'
		}
	]
});