Base FC + scheduler

by slicedtoad

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.js"></script>
<script src="//test.mf.scoolaid.net/js/booking/scheduler.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.4.0/fullcalendar.min.css">
<link rel="stylesheet" href="//test.mf.scoolaid.net/js/booking/scheduler.min.css">
<div id='calendar'></div>

JavaScript

$("#calendar").fullCalendar({
    header: {
        left: 'title',
        center: '',
        right: 'today month,agendaWeek,agendaDay timelineDay prev,next'
    },
    defaultView:"agendaDay",
    schedulerLicenseKey: 'CC-Attribution-NonCommercial-NoDerivatives',
    resources: [
        {
            id: '1',
            title: 'Resource Title'
        }
    ],
    events: [
        {
            id: '1',
            resourceId: 'My Resource',
            title: 'Event Title',
            start: moment().startOf('day').add(8,'h')
        }
    ],
    eventRender:function( event, element, view ) {
        var resource = $("#calendar").fullCalendar("getResourceById","1");
    	$(element).find(".fc-content").append("<div>"+resource.title+"</div>");
    }
});