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