ITPub博客

首页 > Linux操作系统 > Linux操作系统 > fullcalendar使用小记之一

fullcalendar使用小记之一

原创 Linux操作系统 作者:Angel.John 时间:2013-08-06 14:18:00 0 删除 编辑
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/,如需转载,请注明出处,否则将追究法律责任。

上一篇: hadoop手记
下一篇: web手记
请登录后发表评论 登录
全部评论

注册时间:2008-02-04

  • 博文量
    41
  • 访问量
    212610