Heim > Web-Frontend > js-Tutorial > Wie kann ich in FullCalendar wiederkehrende Ereignisse pro Tag erstellen und verwalten?

Wie kann ich in FullCalendar wiederkehrende Ereignisse pro Tag erstellen und verwalten?

DDD
Freigeben: 2024-11-10 19:16:02
Original
636 Leute haben es durchsucht

How can I create and manage recurring events by day in FullCalendar?

Behandeln Sie wiederkehrende Ereignisse mit Tagen in FullCalendar

FullCalendar bietet verschiedene Optionen für den Umgang mit wiederkehrenden Ereignissen, einschließlich täglicher Wiederholungen. Mit diesen Optionen können Sie bestimmte Wochentage definieren, an denen Ereignisse wiederholt werden sollen.

Um ein einfaches sich wiederholendes Ereignis einzurichten, verwenden Sie die Option „dow“ (Wochentag). Um beispielsweise ein Ereignis zu erstellen, das jeden Montag von 7:00 bis 9:00 Uhr stattfindet, verwenden Sie den folgenden Code:

events: [{
    title: "My Monday Event",
    start: '07:00',
    end: '09:00',
    dow: [1] // Monday
}]
Nach dem Login kopieren

Um Einschränkungen zu einem wiederkehrenden Ereignis hinzuzufügen, z. B. Start- und Enddatum Führen Sie die folgenden Schritte aus:

  1. Erstellen Sie eine Tabelle, um die Bereiche (Zeitbereiche) des Ereignisses zu speichern.
  2. Verknüpfen Sie die Bereichstabelle mit der Ereignistabelle über das Feld „eventId“.
  3. Übergeben Sie die Ereignisdaten, einschließlich der Bereiche, als JSON an den Client.

Verwenden Sie auf der Clientseite den eventRender-Rückruf, um Ereignisse herauszufiltern, die außerhalb der angegebenen Bereiche liegen. Zum Beispiel:

eventRender: function(event){
    return event.ranges.filter(function(range){
        return (event.start.isBefore(range.end) && event.end.isAfter(range.start));
    }).length > 0;
}
Nach dem Login kopieren

Sie können auch über Nacht wiederkehrende Ereignisse verarbeiten, indem Sie die Endzeit auf mehr als 24:00 Uhr einstellen. Um beispielsweise eine Veranstaltung zu erstellen, die am Montag um 22:00 Uhr beginnt und am Dienstag um 3:00 Uhr endet, verwenden Sie den folgenden Code:

{
  start: '22:00', // starts at 10:00 PM on Monday
  end:   '03:00', // ends at 3:00 AM on Tuesday
  dow: [1] // Monday
}
Nach dem Login kopieren

Durch die Verwendung dieser Optionen und Techniken können Sie dies ganz einfach tun Implementieren Sie wiederkehrende Ereignisse nach Tagen in Ihrer FullCalendar-Anwendung.

Das obige ist der detaillierte Inhalt vonWie kann ich in FullCalendar wiederkehrende Ereignisse pro Tag erstellen und verwalten?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage