javascript - Fullcalendar - 较大的日期不应拖动到较小的日期后面

Question

我的日期如下:

开始日期:2013年12月4日

结束日期:2013-12-06

现在我想施加一个限制，即较小的日期不应拖动到较大的日期之后，并且较大的日期不应拖动到较小的日期之前。

这可以实现吗？

这是迄今为止我的代码:

$(document).ready(function() {

        $('#calendar').fullCalendar({

            editable: true,

            events: "json-data.php",

            eventDrop: function(event, delta) {
                alert(event.title + ' was moved ' + delta + ' days\n' +
                    '(Dragged)');
            },

            loading: function(bool) {
                if (bool) $('#loading').show();
                else $('#loading').hide();
            }

        });

    });

Answer 1

如documentation on eventDrop所示:eventDrop 回调在其参数中接收一个 revertFunc 函数，该函数在调用时会将事件恢复到其原始位置。

以下概述了如何编写 eventDrop 回调:

eventDrop : function(event,dayDelta,minuteDelta,allDay,revertFunc) {
    var smaller = /* get date of (moved) smaller event */,
        bigger = /* get date of (moved) bigger event */;
    if ( smaller > bigger ) {
        alert('smaller should stay before bigger');
        revertFunc();
    }
}