Discussion :

[Kivabien]

Bonjour,

J'utilise le composant FullCalendar : https://fullcalendar.io/

J'ai effectué le code suivant :

Code Javascript :

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
17
18
19
20
21
22
23
 
$('#calendar').fullCalendar({
    headerToolbar: {
       left: "prev,next today",
       center: "title",
       right: "dayGridMonth,timeGridWeek,timeGridDay,listWeek"
   },
   businessHours: {
      daysOfWeek: [ 1, 2, 3, 4, 5 ],
      startTime: '08:00', 
      endTime: '20:00', 
   },
   initialView: 'timeGridWeek',
   slotMinTime: '08:00', 
   slotMaxTime: '20:00', 
   themeSystem: "Pulse",
   locale: "fr",
   editable: true,
   eventStartEditable: true,
   eventDurationEditable: true,
   selectable: true,
   eventDragMinDistance: 10,
});

J'obtient le résultat :



J'ai 2 problèmes ….
Comme vous pouvez le voir sur ma capture en haut, le calendrier ne s'arrête pas à 20h. On voit encore du jaune et du blanc par la suite.
J'aimerais bien que le tableau se ferme à 20h afin d'avoir un résultat joli.
Comment faire ? J'ai indiqué dans mon code : slotMaxTime: '20:00'.
Mais ça ne marche pas.

Puis, j'aimerais bien mettre le thème Pulse qui est le suivant avec les boutons violets:



Mais, ça ne marche pas en mettant : themeSystem: "Pulse"
Il me met un thème noir et blanc ...
Pourtant sur le site cela m'indique bien un thème en violet.

Donc, si possible, pouvez-vous m'aider sur ces 2 petites choses s'il vous plait ?

Merci !