jquery中的完整日历示例

时间:2009-10-08 14:11:31

标签: jquery asp.net-mvc calendar fullcalendar

我正在尝试将jquery完整日历(http://arshaw.com/fullcalendar/)集成到我的asp.net mvc应用程序中。

我需要使用这个完整的日历来添加/编辑/删除/显示使用sql server数据库作为后端的事件。

是否有人使用示例代码来实现使用此完整日历添加/编辑/删除事件。?

1 个答案:

答案 0 :(得分: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);
}