通过拖放FullCalendar更新事件

时间:2016-02-04 08:52:35

标签: javascript jquery fullcalendar

您好我正在尝试实现fullcalendar中提供的拖放功能。它正在工作,但我遇到的问题是,每当我尝试拖放和事件时,它会将该事件移动到新位置,但它也会将所有其他事件向前移动到。我不知道为什么我会遇到这个错误。这是我的代码

 $('#calendar').fullCalendar({
        // put your options and callbacks here
        // droppable: true,
        editable: true,
        eventDrop: function(event, delta, revertFunc) {
            alert(event.title + " was dropped on " + event.start.format());

            // if (!confirm("Are you sure about this change?")) {
            //     revertFunc();
            // }
        },        
     //    drop: function(date) {
     //     alert("Dropped on " + date.format());
        // },
        viewRender: function (view) {
                debugger;
                $.ajax({
                type: "POST",
                url: base_url +"/apps/calendar/getByMonth",
                async : false,
                dataType: 'html',
                data: {'type': $('#formName').val() },
                success: function(mark_up){
                  debugger;
                  mark_up = JSON.parse(mark_up);
                  my_events = mark_up["task"];
                  $('#calendar').fullCalendar( 'removeEvents');
                  $('#calendar').fullCalendar('addEventSource', my_events);
                }
            });
        },
        eventClick: function(calEvent, jsEvent, view) {

            // alert('Event: ' + calEvent.title);
            // alert('Coordinates: ' + jsEvent.pageX + ',' + jsEvent.pageY);
            // alert('View: ' + view.name);
            $('#eventId').val(calEvent._id.$id);
            $('#editStarts').val(calEvent.start._i);
            if (calEvent.end == null){
                $('#editEnds').val(calEvent.start._i);
            }else{
                $('#editEnds').val(calEvent.end._i);
            }
            $('#editTitle').val(calEvent.title);
            $('#editDescription').val(calEvent.description);
            $('#editNewEvent').modal('show')
            // change the border color just for fun
            // $(this).css('border-color', 'red');

        },
         dayClick: function(date, allDay, jsEvent, view) {

            // var p = date.month()+'/'+date.day()+'/'+date.year()
             $('#addNewEvent').modal('show');
            // alert('a day has been clicked!');
        }

这是我面临的问题的链接。 Drag Problem

我很抱歉这样分享,但我不知道如何向你们展示我的问题,这是想到的唯一方法

0 个答案:

没有答案