FullCalendar Debugging Template

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>

CSS

body {
	margin-top: 40px;
	text-align: center;
	font-size: 13px;
	font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

#calendar {
	width: 900px;
	margin: 0 auto;
}

JavaScript

// A simple event object
e = {id: 1, title: 'a', start: Date.now()/1000 };

// Create calendar with the event
$("#calendar").fullCalendar({ events: [e] });

// Remove event from the calendar
$("#calendar").fullCalendar('removeEvents', 1);

// Try re-adding event, doesn't work!
$("#calendar").fullCalendar('renderEvent', e);