FullCalendar Debugging Template
HTML
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://marilynsagency.com/libraries/fullcalendar/lib/moment.min.js"></script>
<link rel="stylesheet" href="http://marilynsagency.com/libraries/fullcalendar/fullcalendar/fullcalendar.css">
<script src="http://marilynsagency.com/libraries/fullcalendar/fullcalendar/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
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
year: 2013,
month: 7, // August
events: [
{
title: 'All Day Event',
start: '2014-12-18'
},
{
title: 'Long Event',
start: '2013-08-05',
end: '2013-08-09'
},
{
id: 999,
title: 'Repeating Event',
start: '2013-08-13',
allDay: false
},
{
id: 999,
title: 'Repeating Event',
start: '2013-08-20',
allDay: false
},
{
title: 'Click for Google',
start: '2013-08-15',
url: 'http://google.com/'
}
]
});
var event = $('#calendar').fullCalendar( 'clientEvents',999)[0];
alert ($('#calendar').fullCalendar( 'clientEvents')[0]);
event.start = moment('Tue Aug 16 2013 00:00:00 GMT-0400 (EDT)');
event.end = moment('Tue Aug 16 2013 02:00:00 GMT-0400 (EDT)');
$('#calendar').fullCalendar('updateEvent', event);