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

Wie erstelle ich wiederkehrende Ereignisse mit bestimmten Bereichen in FullCalendar?

Linda Hamilton
Freigeben: 2024-11-11 03:19:02
Original
244 Leute haben es durchsucht

How to Create Recurring Events with Specific Ranges in FullCalendar?

Wiederkehrende Ereignisse in FullCalendar

Beim Planen von Terminen oder Verfügbarkeiten in einem Kalender werden häufig Ereignisse benötigt, die an bestimmten Tagen wiederkehren. FullCalendar bietet Optionen zum Umgang mit wiederkehrenden Ereignissen, einschließlich täglicher Wiederholungen.

Täglich wiederkehrende Ereignisse

Um ein täglich wiederkehrendes Ereignis zu erstellen, geben Sie die Wochentage mithilfe der Eigenschaft „dow“ an. Das folgende Ereignis wiederholt sich beispielsweise nur montags von 7:00 bis 9:00 Uhr:

{
  title: "Morning Appointment",
  start: "07:00",
  end: "09:00",
  dow: [1] // Repeat on Mondays
}
Nach dem Login kopieren

Wöchentlich wiederkehrende Ereignisse mit Einschränkungen

Wenn Sie möchten, dass die wiederkehrenden Ereignisse bestimmte Ereignisse haben Für Start- und Enddaten können Sie die Ranges-Eigenschaft verwenden. Jeder Bereich stellt einen Zeitraum dar, in dem das Ereignis aktiv sein sollte. Beispielsweise wiederholt sich das folgende Ereignis jeden Montag und Donnerstag im März, Mai und im gesamten Jahr 2017:

{
  id: 1,
  start: "10:00",
  end: "12:00",
  dow: [1, 4],
  ranges: [
    {
      start: "2015/03/01",
      end: "2015/04/01"
    },
    {
      start: "2015/05/01",
      end: "2015/06/01"
    },
    {
      start: "2016/01/01",
      end: "2017/01/01"
    }
  ]
}
Nach dem Login kopieren

Der eventRender-Callback kann verwendet werden, um alle Ereignisse herauszufiltern, die außerhalb der angegebenen Bereiche liegen .

Wiederkehrende Ereignisse über Nacht

FullCalendar unterstützt Ereignisse über Nacht. Geben Sie einfach eine Endzeit an, die über 24:00 Uhr hinausgeht. Das folgende Ereignis wiederholt sich beispielsweise jeden Dienstag von 22:00 Uhr bis 3:00 Uhr des nächsten Tages:

{
  title: "Overnight Event",
  start: "22:00",
  end: "03:00",
  dow: [2]
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie erstelle ich wiederkehrende Ereignisse mit bestimmten Bereichen 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