Javascript 如何在jQueryUI完整日历中单击日期到下一页
这是完整的日历分区:Javascript 如何在jQueryUI完整日历中单击日期到下一页,javascript,php,jquery,html,fullcalendar,Javascript,Php,Jquery,Html,Fullcalendar,这是完整的日历分区: <div id='calendar'></div> 这是完整的日历脚本: $(窗口).load(函数(){ 变量日期=新日期(), d=日期。getDate(), m=date.getMonth(), y=日期。getFullYear(), 起动, 分类类; var calendar=$(“#calendar”).fullCalendar({ 标题:{ 左:“上一个,下一个今天”, 中心:'标题', 右图:“月,agendaWeek,age
<div id='calendar'></div>
这是完整的日历脚本:
$(窗口).load(函数(){
变量日期=新日期(),
d=日期。getDate(),
m=date.getMonth(),
y=日期。getFullYear(),
起动,
分类类;
var calendar=$(“#calendar”).fullCalendar({
标题:{
左:“上一个,下一个今天”,
中心:'标题',
右图:“月,agendaWeek,agendaDay”
},
是的,
selectHelper:对,
选择:功能(开始、结束、全天){
$('fc_create')。单击();
开始=开始;
结束=结束;
//警报(已启动);//返回单击日期
$(“.antommit”)。在(“单击”,函数(){
var title=$(“#title”).val();
若(完){
结束=结束;
}
categoryClass=$(“#事件类型”).val();
如果(标题){
日历。完整日历('renderEvent'{
标题:标题,,
开始:开始,
完:完,,
全天
},
true//使事件“持续”
);
}
$('#title').val('');
日历。完整日历(“取消选择”);
$('.antoclose')。单击();
返回false;
});
},
eventClick:函数(calEvent、jsEvent、view){
$('fc_edit')。单击();
$('#title2').val(calEvent.title);
categoryClass=$(“#事件类型”).val();
$(“.antosubmit2”)。在(“单击”,函数(){
calEvent.title=$(“#title2”).val();
calendar.fullCalendar('updateEvent',calEvent);
$('.2')。单击();
});
日历。完整日历(“取消选择”);
},
是的,
活动:[{
标题:“全天活动”,
开始:新日期(y、m、1)
}, {
标题:“长期活动”,
开始日期:新日期(y、m、d-5),
结束:新日期(y、m、d-2)
}, {
标题:"会议",,
开始日期:新日期(y、m、d、10、30),
全天:错
}, {
标题:"午餐",,
开始日期:新日期(y、m、d+14、12、0),
结束:新日期(y、m、d、14、0),
全天:错
}, {
标题:"生日派对",,
开始:新日期(y、m、d+1、19、0),
结束:新日期(y、m、d+1、22、30),
全天:错
}, {
标题:“点击谷歌”,
开始日期:新日期(y、m、28),
结束:新日期(y、m、29),
网址:'http://google.com/'
}]
});
});
一切都很完美,但问题是如何在另一个页面上发布启动变量以使用php脚本。当我们单击特定日期。您可以将所选日期放在一个隐藏的输入框中,然后在提交时,如果您使用的是表单方法,则将值发送到php脚本。否则,您可以在ajax中发布您的值。隐藏输入框:是的,兄弟,你的把戏成功了,谢谢兄弟
$(window).load(function() {
var date = new Date(),
d = date.getDate(),
m = date.getMonth(),
y = date.getFullYear(),
started,
categoryClass;
var calendar = $('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
selectable: true,
selectHelper: true,
select: function(start, end, allDay) {
$('#fc_create').click();
started = start;
ended = end;
//alert(started);// return click dates
$(".antosubmit").on("click", function() {
var title = $("#title").val();
if (end) {
ended = end;
}
categoryClass = $("#event_type").val();
if (title) {
calendar.fullCalendar('renderEvent', {
title: title,
start: started,
end: end,
allDay: allDay
},
true // make the event "stick"
);
}
$('#title').val('');
calendar.fullCalendar('unselect');
$('.antoclose').click();
return false;
});
},
eventClick: function(calEvent, jsEvent, view) {
$('#fc_edit').click();
$('#title2').val(calEvent.title);
categoryClass = $("#event_type").val();
$(".antosubmit2").on("click", function() {
calEvent.title = $("#title2").val();
calendar.fullCalendar('updateEvent', calEvent);
$('.antoclose2').click();
});
calendar.fullCalendar('unselect');
},
editable: true,
events: [{
title: 'All Day Event',
start: new Date(y, m, 1)
}, {
title: 'Long Event',
start: new Date(y, m, d - 5),
end: new Date(y, m, d - 2)
}, {
title: 'Meeting',
start: new Date(y, m, d, 10, 30),
allDay: false
}, {
title: 'Lunch',
start: new Date(y, m, d + 14, 12, 0),
end: new Date(y, m, d, 14, 0),
allDay: false
}, {
title: 'Birthday Party',
start: new Date(y, m, d + 1, 19, 0),
end: new Date(y, m, d + 1, 22, 30),
allDay: false
}, {
title: 'Click for Google',
start: new Date(y, m, 28),
end: new Date(y, m, 29),
url: 'http://google.com/'
}]
});
});
</script>
<!-- /FullCalendar -->