Afficher uniquement tous les lundis du mois calendrier Full-Calendar

4 pièce(s) jointe(s)

Bonjour :)

J'utilise full-calendar pour mettre en place un calendrier :
https://fullcalendar.io/

Ce calendrier doit afficher uniquement tous les lundis du mois de manière vertical. Je vais faire une maquette pour être plus compréhensible :

Pièce jointe 604080

Le problème est que moi, j'ai les jours les uns en dessous des autres :

Pièce jointe 604081

Comment faire pour aligner les jours les uns après les autres s'il vous plait ?

Voici mon code du calendrier :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 initCalendar: function () {
            var Calendar = FullCalendar.Calendar;
            var Draggable = FullCalendar.Draggable;
            var calendarEl = document.getElementById("calendar");
            this.calendar = new Calendar(calendarEl, {
                initialView: 'dayGridMonth',
                headerToolbar: {
                    left: "prev,next today",
                    center: "title",
                    right: "dayGridMonth"
                },                  
                locale: "fr",
                editable: false,
                selectable: false,
                hiddenDays: [0, 2, 3, 4, 5, 6, 7,],
                height: 300,
            });
 
            this.calendar.render();  
        },

J'espère être assez claire dans ma demande.

Merci beaucoup :D

Ce calendrier est pourtant bien documenté:
https://fullcalendar.io/docs/daygrid-view

1 pièce(s) jointe(s)

Oui, mais dayGridWeek, c'est pour afficher uniquement la semaine. De ce fait, je vais avoir :

Pièce jointe 604082

C'est pourquoi, j'ai indiqué dayGridMonth, mais je vais avoir les jours du mois du lundi les uns en dessous les autres et non les uns après les autres ...

As tu regardé les custom views ?
https://fullcalendar.io/docs/custom-views

Oui, j'ai regardé, mais rien qu'il semble répondre à ma demande ...