jquery - jquery 中的完整日历示例

Question

就目前情况而言，这个问题不太适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持，但这个问题可能会引发辩论、争论、民意调查或扩展讨论。如果您觉得这个问题可以改进并可能重新开放， visit the help center以获得指导。

已关闭 11 年前。

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

我需要使用这个完整的日历来添加/编辑/删除/显示使用 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);
}