fullcalendar使用小记之一

mobile的html页面用到此控件，参与处理，简要记载了。

1.初始化日历

$(document).ready(function() {

$('#calendar').fullCalendar({

header: {

left: 'prev',

center: 'title',

right: 'next'

},

      editable: false,

      dayClick: function( date, allDay, jsEvent, view ) {}

});

2.注册日期单元格事件

dayClick: function( date, allDay, jsEvent, view ) {}

由于点击时更新页面下的列表，查阅相关资料，才解决refresh问题，如下：

dayClick: function( date, allDay, jsEvent, view ) {

$("#listcal").load("http://202.100.100.21:8081/bdtsk",function(data){

 $("#listcal").listview("refresh");

});

}

这个方法的确有效。但是，遇到点问题，多次点击后，发现事件失效了（见笑,对js懂不多）。

所以在一番折磨后，直接采用ajax了，如下：

dayClick: function( date, allDay, jsEvent, view ) {

$.ajax({

dataType: "html",

url: "http://202.100.100.21:8081/tsk",

cache : false,

data:date,

success : onSuccess, 

   error : onError 

});

}

注：在比较老的系统里整东西，尽量少引用新东西，这里就用html格式了。大概很多人都用json,也有用html的

3.手指左切与右切

$(window).on("swipeleft", function(event) { 

    return $('#calendar').fullCalendar('next');

  });

  $(window).on("swiperight", function(event) {

    return $('#calendar').fullCalendar('prev');

  });

});
4.选择效果

selectable:true

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/10531/viewspace-767866/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/10531/viewspace-767866/