Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/260.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在jQueryUI完整日历中单击日期到下一页_Javascript_Php_Jquery_Html_Fullcalendar - Fatal编程技术网

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 -->