拖拽和调整之eventDrop – FullCalendar中文文档

2014-02-27 · 6 min read

FullCalendar 中文文档目录

当拖动结束且日程移动另一个时间时触发:

function(event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view){}

event  是  Event Object  对象,包含当前日程的信息(时间,标题等)

dayDelta 是日程移动的天数(可能是负数)

minuteDelta 是日程移动的分钟数(可能是负数),只有在议程周视图有效,其他视图下是 0。

allDay 在月视图下被移动一天或者周视图下的“all-day”时间槽时是 true;当移动到周视图下的其他时间槽时是 false。

revertFunc 是一个函数,如果被调用的话,日程会恢复到拖拽前的时间(就是被还原),当 ajax 失败的时候比较有用。

jsEvent  是原生的 js 对象,包含鼠标点击坐标等信息。

ui  是 jQuery UI 对象。

view  是当前的  View Object

$('#calendar').fullCalendar({
  events: [
    // events here
  ],
  editable: true,
  eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc) {
    alert(
      event.title + ' was moved ' + dayDelta + ' days and ' + minuteDelta + ' minutes.',
    )

    if (allDay) {
      alert('Event is now all-day')
    } else {
      alert('Event has a time-of-day')
    }

    if (!confirm('Are you sure about this change?')) {
      revertFunc()
    }
  },
})

官方英文文档:http://arshaw.com/fullcalendar/docs/event_ui/eventDrop/