jQuery插件实战之Fullcalendar - 开发一个完整功能的富客户端会议室预定系统前台

作者：Terry li - GBin1.com

jQuery的插件非常多，应用的场景也非常丰富，今天我这里给大家介绍一款非常实用的日历插件 - fullcalendar，使用这款插件能够快速帮助你实现基于web的日历查看功能，大家可能都使用过outlook的日历功能，今天我们也开发一个类似的功能，其中会使用到相关的高级功能，例如，拖拽修改时间，生成个性化的日历项内容。



具体代码和demo，参考原文吧：http://www.gbin1.com/technology/jquery/devappwithfullcanlendar/index.html

这个插件我也用过 确实挺强大 我以前用这个插件作为一个排班表页面的展示 我觉得这样比较直观 修改排班信息也比较方便 结果被客户一口否定 客户觉得还是列表形式显示比较直观 就无奈的放弃了！

我前几天也仿了一个简单的calendar

用来显示不错，如果里面的event是dragable的，如何将改动反应到后台？

eventDrop: function( event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view ) {
          if(1==1||2==event.uid){
            var schdata = {startdate:event.start, enddate:event.end, confid:event.confid, sid:event.sid};
            identityService.getToBeUpdatedConflictedScheduleDAO(schdata , {
              callback:function(data) {
                if(data.length== 0){               
                  var newschdata = {sid:event.sid, startdate:event.start, enddate:event.end};            
                  identityService.updateScheduleByNewDateRange(newschdata, {
                    callback:function(data) {  
                      alert("Thanks, reservation rescheduled successfully.");
                      //window.location.reload();
                    }                        
                  });                      
                }else{
                  revertFunc();
                  alert("Sorry, reservation cannot be rescheduled.");
                }            
              }
            });
          }else{
            revertFunc();
          }
          },


以上代码中你可以使用 eventDrop: function 来向后台写数据。

你那个强悍

问一下楼主，那个event，我拖到day/week/month里后，怎样让他可以不再编辑成readonly的状态了？
比方说，我想在某天建个meeting，当时间确定后，这个安排只展示给别人看，再也不能拖动和编辑了，应该调用哪个函数？给点提示。谢

又是老外的，就怕客户不懂英文不敢用。

那去掉拖动相关的函数就可以了， 即使允许拖动，也可以让拖动后日历项自己归位