Maison > interface Web > js tutoriel > Comment créer des événements récurrents dans FullCalendar ?

Comment créer des événements récurrents dans FullCalendar ?

Linda Hamilton
Libérer: 2024-11-11 01:48:03
original
468 Les gens l'ont consulté

How to Create Recurring Events in FullCalendar?

Événements récurrents dans FullCalendar

FullCalendar offre une prise en charge complète des événements récurrents, y compris la possibilité de définir des modèles de planification complexes en fonction de jours spécifiques de l'événement. semaines et intervalles de temps.

Récurrent hebdomadaire Événements

Pour créer un événement récurrent certains jours de la semaine, par exemple tous les lundis et jeudis de 7h00 à 9h00, utilisez le code suivant :

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

Spécifier les restrictions de récurrence

Pour garantir la récurrence dans un délai spécifique, ajoutez des dates de début et de fin pour événements. Par exemple, si l'événement ci-dessus doit se répéter uniquement en mars et mai, définissez les plages d'événements et de dates comme suit :

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      07:00    09:00  [1,4]  2023/03/01   2023/05/01 
Copier après la connexion

Côté client, utilisez la fonction eventRender pour filtrer et afficher les événements dans le plages de dates spécifiées.

Gestion des récurrences nocturnes

FullCalendar prend en charge les événements nocturnes. Pour définir un événement récurrent qui s'étend sur plusieurs jours, spécifiez une heure de fin supérieure à 24h00. Par exemple, pour créer un événement hebdomadaire qui commence à 19h00 le lundi et se termine à 3h00 le mardi, utilisez la configuration d'événement suivante :

{
  start: '19:00', 
  end:   '27:00', 
  dow: [1]
}
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal