<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//rawgit.com/seankenny/fullcalendar/v2/dist/fullcalendar.css" />
<style type="text/css">
body {
margin: 5px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
background-color: #ffffff;
}
</style>
</head>
<body>
<p>
Demo of issue 30. This fork is available at
<a href="https://github.com/seankenny/fullcalendar/tree/v2">https://github.com/seankenny/fullcalendar/tree/v2</a>.
</p>
<p>
You can download the css & js from <a href="https://github.com/seankenny/fullcalendar/tree/v2/dist">https://github.com/seankenny/fullcalendar/tree/v2/dist</a>
</p>
<div id='calendar'></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.1/moment.min.js"></script>
<script src="//rawgit.com/seankenny/fullcalendar/v2/dist/fullcalendar.js"></script>
<script src="script.js"></script>
</body>
</html>
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,resourceDay'
},
defaultView: 'resourceDay',
defaultDate: "2014-08-19",
resources: [{
'id': 'resource1',
'name': 'Resource 1'
}, {
'id': 'resource2',
'name': 'Resource 2'
}],
// this works fine
// events: [{
// title: 'R1-R2: Lunch 12.15-14.45',
// "start": "2014-08-19T09:00",
// "end": "2014-08-19T10:00",
// resources: ['resource1', 'resource2']
// }]
events: '//rawgit.com/seankenny/fullcalendar/v2/demos/json/events.json'
});
});