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
Mary-Kate Olsenoriginal
2024-11-20 16:33:26567parcourir

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
}]

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

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;
}

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]
}

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!

Déclaration:
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