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

Wie erstelle ich wiederkehrende Ereignisse in FullCalendar?

Linda Hamilton
Freigeben: 2024-11-11 01:48:03
Original
462 Leute haben es durchsucht

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
}],
Nach dem Login kopieren

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 
Nach dem Login kopieren

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]
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage