Question

我在预订系统中使用了fullcalendar插件。如何禁用日历中的日期和时间，以便用户无法在特定日期和时间预订活动？我到目前为止尝试的代码如下，但它目前无效。

disableDate:function(date)
{
   if(options.disableDates) {
      var disabled_dates = options.disableDates
      var string_date = formatDate(date,"MM-dd-yyyy")
      if (disabled_dates.indexOf(string_date) > -1 )
      {
         return true
      }
   }
   return false
}

Answer 1

您可以使用Background Events来完成此操作。在this codepen example中，我使用FullCalendar Background Events Demo中的一些代码来设置不允许将特定事件放置在该位置的背景事件。

// red areas where no events can be dropped
{
    start: '2016-08-24',
    end: '2016-08-28',
    overlap: false,
    rendering: 'background',
    color: '#ff9f89'
}

查看周视图，您还可以在其中设置约束，其中只能在背景事件中放置指定的事件。

{
    title: 'Meeting',
    start: '2016-08-13T11:00:00',
    constraint: 'availableForMeeting', // defined below
    color: '#257e4a'
},
{
    id: 'availableForMeeting',
    start: '2016-08-11T10:00:00',
    end: '2016-08-11T16:00:00',
    rendering: 'background'
}

禁用fullcalendar插件中的时隙

1 个答案: