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

2014-02-27 · 6 min read

FullCalendar 中文文档目录

当日程调整(resize)结束并且日程被改变时触发:

function(event, dayDelta, minuteDelta, 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,
  eventResize: function (event, dayDelta, minuteDelta, revertFunc) {
    alert(
      'The end date of ' +
        event.title +
        'has been moved ' +
        dayDelta +
        ' days and ' +
        minuteDelta +
        ' minutes.',
    )

    if (!confirm('is this okay?')) {
      revertFunc()
    }
  },
})

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