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

作者：Terryli......
这个插件我也用过确实......
我前几天也仿了一个简......
用来显示不错，如果里......
kavinhub写道......
cheney_lov......


作者：Terry li - GBin1.com

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



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

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

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

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

kavinhub 写道
用来显示不错，如果里面的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 来向后台写数据。

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

你那个强悍