在jquery中完整日曆的示例

Question

我正在嘗試在我的asp.net mvc應用程序中集成jquery完整日曆（http://arshaw.com/fullcalendar/）。

我需要使用這個完整的日曆來添加/編輯/刪除/顯示事件使用SQL Server數據庫作爲後端。

是否有人有示例代碼來實現此完整日曆的添加/編輯/刪除事件。

Answer 1

function createCalendar() { 

    var d = new Date(); 
    var y = d.getFullYear(); 
    var m = d.getMonth(); 

    $('#calendar').fullCalendar({ 
       editable : false, 
       events : 'urltoevents' 
       aspectRatio : 1.5, 
       header : { 
        left : false, 
        center : 'title', 
        right : 'prev,next today' 
       }, 
       eventClick : function(event) { 
        handle the click event. 
       } 
      }); 

}; 

function removeEvent(id){ 
    $('#calendar').fullCalendar('removeEvents', id); 
} 

function updateEvent(id, title){ 
    var event = $('#calendar').fullCalendar('clientEvents', id); 
    event.title = title; 
    $('#calendar').fullCalendar('updateEvent', event); 
}