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.选择效果
4.选择效果
selectable:true
来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/10531/viewspace-767866/,如需转载,请注明出处,否则将追究法律责任。
转载于:http://blog.itpub.net/10531/viewspace-767866/