Angular Fullcalendar avec jours fériés
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:
1
2
3
4
|
<div class="col-md-6">
<full-calendar [options]="calendarOptions"></full-calendar>
</div> |
Code:
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,
}
} |
