Zeitfenster im Vollkalender-Plugin deaktivieren

Question

Ich benutzte ein Vollkalender-Plugin für mein Buchungssystem. Wie kann ich den Tag und die Uhrzeit im Kalender deaktivieren, sodass der Benutzer an diesem Tag und zu dieser Uhrzeit keine Veranstaltung buchen kann? Der Code, den ich bisher ausprobiert habe, ist unten, aber momentan funktioniert es nicht.

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

Sie können die Background Events verwenden, um dies zu erreichen. In this codepen example benutze ich einen Teil des Codes von FullCalendar Background Events Demo, um Hintergrundereignisse zu setzen, die bestimmte Ereignisse nicht an dieser Stelle zulassen.

Sehen Sie sich die Wochenansicht an, in der Sie auch Einschränkungen festlegen können, bei denen nur bestimmte Ereignisse in den Hintergrundereignissen platziert werden können.

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