fullcalendarプラグインのタイムスロットを無効にする

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' 
}