FullCalendar Debugging Template

by sebababi

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.3/fullcalendar.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/1.6.3/fullcalendar.min.js"></script>
<div id='calendar'></div>

JavaScript

var date = new Date();
  var d = date.getDate();
  var m = date.getMonth();
  var y = date.getFullYear();

$('#calendar').fullCalendar({
    defaultView: 'agendaDay',
	header: {
		center: 'title',
		right: 'month,agendaWeek,agendaDay'
	},

    events: [
        {
            title: 'All Day Event',
            start: new Date(y, m, d, 9, 15),
            end: new Date(y, m, d, 10, 15),
            allDay:false
        }
    ],
    annotations: [{
        start: new Date(y, m, d, 13, 0),
        end: new Date(y, m, d, 15, 30),
        title: 'My 1st annotation', // optional
        cls: 'open', // optional
        color: '#777777', // optional
        background: '#eeeeff' // optional
    }]
});