禁用FullCalendar中过去日期的删除

Question

我最近开始使用FullCalendar插件.我正在尝试在日历中删除事件的函数.但在保存到数据库之前,我想检查并禁用/阻止在今天之前的日期丢弃外部事件.

关于如何做到这一点的任何想法？我正在寻找过去几天变灰或类似的东西,以便我可以显示已经存在的事件.只是想阻止用户在过去的日期丢弃事件.

编辑:

 drop: function (date, jsEvent, ui) {

     if(date<currentDate) {
         $('#calendar').fullCalendar('removeEvents', event.id);
     }

我尝试使用此方法从日历中删除已删除的事件并再次将其附加到div.即使这样,它也不会被删除.

谢谢.:)

Answer 1

eventConstraint可以禁用在已建立的边界之外的拖放

灰色过去的日子

/* SHADE DAYS IN THE PAST */
td.fc-day.fc-past {
    background-color: #EEEEEE;
}

并为eventConstraint

        /* This constrains it to today or later */
        eventConstraint: {
            start: moment().format('YYYY-MM-DD'),
            end: '2100-01-01' // hard coded goodness unfortunately
        }

http://jsfiddle.net/1qsrjffL/

对于eventConstraint的'end',如果您喜欢vs hard编码,可以在当前日期添加天数

编辑:

要在日视图中显示灰色时间,您可以使用businessHours

businessHours: {
    start: moment().format('HH:mm'), /* Current Hour/Minute 24H format */
    end: '17:00', // 5pm? set to whatever
    dow: [0,1,2,3,4,5,6] // Day of week. If you don't set it, Sat/Sun are gray too
}

外部事件在过去的agendaDay掉落被允许发生.编辑eventConstraint以包含时间将工作'YYYY-MM-DD HH:mm'但它会阻止今天在Month视图中删除...

http://jsfiddle.net/1qsrjffL/1/