2016-08-16 29 views
1

我有fullCalendar工作的事件,我想調整它像這樣後能得到一個事件的「結束」屬性值:調整在fullcalendar

enter image description here

這個第一事件「的遊戲日「 我得到開始=星期一8月01 2016 01:00:00 GMT + 0100(WEST)和 end = Wed Aug 02 2016 01:00:00 GMT + 0100(WEST) 我怎樣才能得到在手動調整我的事件大小後結束 enter image description here 這是我的代碼:

$scope.listEvents = [{ 
     title: 'Gaming Day', 
     start: '2016-08-13T12:00:00', 
     end: '2016-08-15T00:00:00', 
     color: #9b59b6, 
     allDay: true 
    }, { 
     title: 'Live Conference', 
     start: new Date(y, m, 3) 
    }, { 
     title: 'Top Secret Project', 
     start: new Date(y, m, 4), 
     end: new Date(y, m, 8), 
     color: '#1abc9c' 
    }]; 

    $('#calendar').fullCalendar({ 
     header: { 
      left: 'prev,next', 
      center: 'title', 
      right: 'month,agendaWeek,agendaDay' 
     }, 
     firstDay: 1, 
     editable: true, 
     droppable: true, 
     drop: function(date, allDay) { // this function is called when something is dropped 
      // retrieve the dropped element's stored Event Object 
      var originalEventObject = $(this).data('eventObject'); 

      // we need to copy it, so that multiple events don't have a reference to the same object 
      var copiedEventObject = $.extend({}, originalEventObject); 

      // assign it the date that was reported 
      copiedEventObject.start = date; 
      // render the event on the calendar 
      // the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/) 
      $('#calendar').fullCalendar('renderEvent', copiedEventObject, true); 

      // remove the element from the "Draggable Events" list 
      $(this).remove(); 
     }, 
     events: $scope.listEvents, 
     eventDrop: function(event, delta, revertFunc) { 
      /* After a drag and drop of my event I get the new position with this */ 
      console.log(event.title); 
      if (event.start) console.log(event.start._d); 
      if (event.end) console.log(event.end._d); 
     } 
    }); 

所以在調整事件大小之後,我該如何獲得新的結束日期?

回答

1

使用eventResize屬性:

function eventResize(event, delta, revertFunc) { 
    var endDate = event.end.format().toString(); 
    var startDate = event.start.format().toString(); 
} 

而且在日曆配置參考添加到函數:

header: {...}, 
eventResize: eventResize 
相關問題