javascript - 在 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 的“结束”，如果您喜欢硬编码，您可以在当前日期上添加天数

编辑:

要在日 View 中将时间变灰，您可以使用 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
}

允许将外部事件放到过去的议程日。编辑 eventConstraint 以包含时间将起作用 'YYYY-MM-DD HH:mm' 但它会阻止在月 View 中显示今天...

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