fullcalendar + ko

HTML

<link rel="stylesheet" href="http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.css">
<script src="http://arshaw.com/js/fullcalendar-1.5.4/fullcalendar/fullcalendar.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout/2.0.0/knockout-min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<div id="res"></div>
    
 <div id='calendar'></div>

CSS

<style>

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

	#calendar {
		width: 465px;
		margin: 0 auto;
	    height: 190px;
		}
        
		 

</style>

JavaScript

$(document).ready(function () {

        $.ajax({
            crossDomain: true,
            type: "GET",
            url:  'urltoservice'
            data:{service data}
            dataType: "jsonp",
            
            processdata: true,
            success: function (msg) {


                $('#res').html(msg.DashboardCalendarDetails);


                
               
                $('#calendar').fullCalendar({
                    header: {
                        left: 'title',
                        center: '',
                        right: ''

                    },

                    aspectRatio: 6,
                    editable: false,

                    events:   msg.DashboardCalendarDetails
                       

            },
            error: function (result) {

                alert('Service call failed ');

            }
        });





    });