Maison > interface Web > js tutoriel > Comment puis-je créer des événements récurrents dans FullCalendar qui se produisent uniquement certains jours de la semaine ?

Comment puis-je créer des événements récurrents dans FullCalendar qui se produisent uniquement certains jours de la semaine ?

Mary-Kate Olsen
Libérer: 2024-11-20 16:33:26
original
552 Les gens l'ont consulté

How can I create recurring events in FullCalendar that occur only on specific days of the week?

Événements récurrents dans FullCalendar

FullCalendar propose plusieurs options pour gérer les événements récurrents, notamment par jours. Pour créer un événement récurrent qui se produit uniquement certains jours de la semaine, vous pouvez utiliser le tableau dow (jour de la semaine).

Événements récurrents simples :

Pour des événements hebdomadaires récurrents simples, tels que "Tous les lundis et jeudis de 10h00 à 14h00", vous pouvez utiliser ce qui suit code :

events: [{
    title:"My repeating event",
    start: '10:00',
    end: '14:00',
    dow: [ 1, 4 ] // Repeat monday and thursday
}]
Copier après la connexion

Ajouter des restrictions :

Pour limiter la récurrence à des dates de début et de fin spécifiques, utilisez le tableau plages :

eventId  timeStart  timeEnd   dow    dateStart      dateEnd
     1      10:00    12:00  [1,4]  2015/03/01   2015/04/01  // Month of March
     1      10:00    12:00  [1,4]  2015/05/01   2015/06/01  // Month of May
     1      10:00    12:00  [1,4]  2016/01/01   2017/01/01  // Year of 2017
Copier après la connexion

Côté client, utilisez eventRender pour filtrer les événements qui ne relèvent pas de la plage spécifiée. plages :

eventRender: function(event){
    return (event.ranges.filter(function(range){ 
        return (event.start.isBefore(range.end) &&
                event.end.isAfter(range.start));

    }).length)>0;
}
Copier après la connexion

Nuit :

Pour les événements nocturnes qui s'étendent sur plusieurs jours, définissez simplement l'heure de fin sur une valeur supérieure à minuit :

{
  start: '10: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