小编Bow*_*nac的帖子

提交表单时完整的日历ajax循环

我正在尝试将完整日历转换为使用表单.一切正常,除非您提交活动,然后尝试提交另一个活动.它似乎陷入循环并将事件值应用于之前的eventid和新的eventid.

以下是一些显示正在发生的事情的屏幕截图.在第一个日期选择我得到我的表单弹出填充值并单击保存我得到我的警报(数据)消息.数据将在24日保存并插入.

现在点击25日添加另一个事件,弹出表单这就是你可以在24日看到我的第一个事件而新的创建事件是25日.

在此输入图像描述

我填写值点击保存我得到我的警报(数据)消息,点击确定后,它插入上一个事件是24日,然后显示另一个警报(数据) 在此输入图像描述

关闭第二个警报(数据)然后按照它应该插入到第25个警报. 在此输入图像描述

然后,如果我刷新页面,它们都会返回25日,所以它将它们作为第25个插入 在此输入图像描述

这是我用于插入的代码部分.如果您熟悉完整日历,您可能会知道这是什么.对我来说,似乎select函数持有每次点击.例如,如果我点击10号然后取消,然后点击15号它仍然会被插入到10号.

   select: function(start, end, allDay) { 
   calendar.fullCalendar('unselect'); 
    var startDate = $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss");
    var endDate = $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm:ss");
    $('#start').val(startDate);
    $('#end').val(endDate);
    $('#createEventModal').fadeIn(500);
    //Prevent default form action
    $('#createEventForm').on('submit', function(e){
        return false;
    });
    //Cancel Click close form
    $(document).on('click', '.close, .btnCancel', function(){   
      $('#createEventModal').hide('fast');
      document.getElementById("createEventForm").reset();
      calendar.fullCalendar('unselect');
    });
    //Submit event form click
    $('#submitButton').on('click', function(e){
      // We don't want this to act as a link so cancel the link action
      e.preventDefault();
      doSubmit();
    });
      function doSubmit(){
      var title = $('#createEventForm #title').val(); …
Run Code Online (Sandbox Code Playgroud)

javascript php ajax jquery fullcalendar

2
推荐指数
1
解决办法
3040
查看次数

标签 统计

ajax ×1

fullcalendar ×1

javascript ×1

jquery ×1

php ×1