FullCalendar应用——拖动与实时保存

总结

关于日程事件的缩放

所谓缩放，其实就是用户可以直接在日历视图中将日程事件拉长和缩短，比如事件为一天的变成两天，10:00结束的会议变成9:30，只需在日历视图中将对应的日程事件项向右（月视图）或向下（周视图和日视图）拉长或缩短。使用FullCalendar提供的eventResize方法轻松搞定。

eventResize: function(event,dayDelta,minuteDelta,revertFunc) { 
    $.post("do.php?action=resize",{id:event.id,daydiff:dayDelta,minudiff:minuteDelta},function(msg){ 
        if(msg!=1){ 
            alert(msg); 
            revertFunc(); 
        } 
    }); 
} 

关于选取多天

FullCalendar提供了select方法，用户可以在新建多天日程的时候，一次性选择连贯的日期，然后弹出的新建日程中会自动补全开始日期和结束日期，这个操作只需按住开始日期，然后拖动鼠标到结束日期，松开左键即可，快去demo中操作下吧。

selectable: true, //允许用户拖动 
select: function( startDate, endDate, allDay, jsEvent, view ){ 
    var start =$.fullCalendar.formatDate(startDate,'yyyy-MM-dd'); 
    var end =$.fullCalendar.formatDate(endDate,'yyyy-MM-dd'); 
    $.fancybox({ 
        'type':'ajax', 
        'href':'event.php?action=add&date='+start+'&end='+end 
    }); 
} 

关于多用户共享

要将FullCalendar应用到项目中去，一般是针对多用户使用的，如CRM系统中会有多个用户共享日程，上级可查看下级的日程安排及工作进度，同级用户不能查看对方的日程，这些需求是在项目设计的时候就得定好，当然数据库的设计是至关重要的，这里不再多描述。

不足

唯一遗憾的是日历中没有中国农历历法，哪位大神能将中国农历历法移植到FullCalendar中，将会对FullCalendar在中国的应用做出卓越的贡献。

结束

FullCalendar系列文章讲述了FullCalendar的基本应用，API文档，读取数据库，新建、修改和删除操作，以及拖动、缩放和选取，足以满足大型项目应用场景的需求，至此关于FullCalendar的文章本站就此收官，如有FullCalendar相关问题欢迎大家留言讨论，Helloweba感谢您的关注。

（编辑：佛山站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!