Jquery 完整日历中的事件拖放应仅在特定日期发生

我有两个完整的日历日期，分别是“2015年4月28日”和“2015年5月6日”。

---

我正在进行的活动，这些活动应该在特定日期之间进行。在其他日期，活动不应出现在完整日历中

您可以使用

eventConstraint

将事件拖动和调整大小限制到特定的时间窗口

$('#calendar').fullCalendar({
    eventConstraint: {
            start: '2015-06-15',//change dates according to your needs
            end: '2015-06-29'
    },
    events: [
            {
                title: 'All Day Event',
                start: '2015-06-01'
            },
            {
                title: 'Long Event',
                start: '2015-06-07',
                end: '2015-06-10'
            }
    ],
});

上述功能将允许您在

2015-06-15

到

2015-06-29

之间删除事件。您可以根据需要更改日期

或者，您可以将受限日期存储在事件数据自定义变量中，然后在删除事件时进行检查

$('#calendar').fullCalendar({
    events: [
            {
                title: 'All Day Event',
                start: '2015-06-01',
                end: '2015-06-01',
                restrictedDates: ['2015-06-13', '2015-06-14', '2015-06-15']
            },
            {
                title: 'Long Event',
                start: '2015-06-07',
                end: '2015-06-07',
                restrictedDates: ['2015-06-15', '2015-06-16', '2015-06-17']
            }
        ],

     eventDrop: function( event, delta, revertFunc, jsEvent, ui, view ) { 
            if(!jQuery.inArray(event.start.format('YYYY-MM-DD'), event.restrictedDates)) {
                alert('Restricted Area.');
                revertFunc();               
            } else {
                alert('Free Access');               
            }           
     }
});

---

第二种解决方案更为灵活，因为您可以限制单个事件的日期，但在一天结束时，您可以选择。

您可以将事件拖放到所需的日期，，，就像这样，您可以将类添加到具有指定日期的单元格中，您可以将事件拖放到该日期。