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