Discussion :

[ecoptime]

Bonjour

je travaille sur une petite application web, et je dois mettre en place un calendrier pour visualiser les jours des absences posées par les salariés de la Société X.
ce calendrier doit afficher les week end et les jours férié dans des couleurs différents.

je ne sais pas si il y un composants qui prend déjà en compte la gestion des jours fériés ?
pour le moment, je suis sur Angular 12, primeng, fullcalandar, et j'ai du mal a modifier les cellules.
j'ai vu sur la doc fullcalendar un attribue dayCellClassNames et dayCellClassNames mais ça ne fonctionne pas pour moi.
si quelqu'un peut me debloquer
je vous remercie d'avance.

angular 12
fullcalendar v5: https://fullcalendar.io/docs/day-cell-render-hooks

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 <div class="col-md-6">  
            <full-calendar [options]="calendarOptions"></full-calendar> 
        </div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
  private initFullCalendar(listEvents:any[]){
    //alert(JSON.stringify(listEvents)) ;
    this.calendarOptions = {
      initialView: 'dayGridMonth',
      weekends: true,
      selectable: true,
      eventClick:this.handleEvent.bind(this),
      dateClick: this.handleDateClick.bind(this), // bind is important!
      dayCellClassNames :['cellrouge'] ,
      dayCellContent: ?????(),
      events: listEvents,
 
  }
}

[dukoid]

(1)
je ne connais pas fullcalendar, j'ai un peu cherché :

peut être cette exemple ou il ajoute un évènement et donc ajouter les jours fériés comme un évènement (couleur, texte)
cela fera un repère visuel

https://stackblitz.com/edit/ng-fullcalendar2-demo

ensuite il existe une fonction qui détermine les jours fériés.
donc quand tu récupère une période de temps, il faut calculer toi même les jours fériés et les enlever de la période de temps

je ne sais pas s'il existe une meilleure méthode
sauf erreur, je n'ai pas l'impression qu'on puisse dire à fullcalendar d'ignorer les jours fériés ou ceux qu'on lui indique

(2)
sur un forum quelqu'un a écrit en 2017 :

En fouillant sur Internet "fullcandar.io public holiday",
il semble que tu sois obligé d'ajouter un événement sur un jour donné.
Ce que je ferai :
1. Ajouter la valeur : "grey" pour la propriété "backgroundColor".
2. Empécher l'édition de l'événement : mettre "editable" à false.
3. Faire en sorte que cet événement dure toute la journée, pour empécher l'ajout d'autres événements sur cette journée.


donc je ne sais pas si depuis, fullcalendar a évolué et si c'est possible de faire autrement