Heim >Web-Frontend >js-Tutorial >Wie erstelle ich wiederkehrende Ereignisse in FullCalendar?

Wie erstelle ich wiederkehrende Ereignisse in FullCalendar?

Linda Hamilton
Linda HamiltonOriginal
2024-11-11 01:48:03459Durchsuche

How to Create Recurring Events in FullCalendar?

Wiederkehrende Ereignisse in FullCalendar

FullCalendar bietet umfassende Unterstützung für wiederkehrende Ereignisse, einschließlich der Möglichkeit, komplexe Planungsmuster basierend auf bestimmten Tagen des Jahres zu definieren Woche und Zeitintervalle.

Wöchentlich wiederkehrende Ereignisse

Um ein wiederkehrendes Ereignis an bestimmten Wochentagen zu erstellen, z. B. jeden Montag und Donnerstag von 7:00 bis 9:00 Uhr Verwenden Sie morgens den folgenden Code:

events: [{
    title:"Availability",
    start: '07:00', 
    end: '09:00', 
    dow: [ 1, 4 ] // Repeat monday and thursday
}],

Wiederholungseinschränkungen festlegen

Um die Wiederholung innerhalb eines bestimmten Zeitrahmens sicherzustellen, fügen Sie Start- und Enddaten für Ereignisse hinzu. Wenn sich das obige Ereignis beispielsweise nur im März und Mai wiederholen soll, definieren Sie die Ereignis- und Datumsbereiche wie folgt:

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      07:00    09:00  [1,4]  2023/03/01   2023/05/01 

Verwenden Sie auf der Clientseite die Funktion „eventRender“, um Ereignisse innerhalb des Ereignisses zu filtern und anzuzeigen angegebene Datumsbereiche.

Umgang mit Wiederholungen über Nacht

FullCalendar unterstützt Ereignisse über Nacht. Um ein wiederkehrendes Ereignis zu definieren, das sich über mehrere Tage erstreckt, geben Sie eine Endzeit größer als 24:00 Uhr an. Um beispielsweise ein wöchentliches Ereignis zu erstellen, das montags um 19:00 Uhr beginnt und dienstags um 3:00 Uhr endet, verwenden Sie die folgende Ereigniskonfiguration:

{
  start: '19:00', 
  end:   '27:00', 
  dow: [1]
}

Das obige ist der detaillierte Inhalt vonWie erstelle ich wiederkehrende Ereignisse in FullCalendar?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn