calendar - code helper

xxxxxxxxxx
 
<body>
  <div class="row">
    <div class="col-12">
​
  <div class="card"> 
    <div class="card-body">
​
      <div id="calendrier" class="calendar" 
        data-mdb-weekdays="Dim, Lun, Mar, Mer, Jeu, Ven, Sam"
        data-mdb-months="Janvier, Février, Mars, Avril, Mai, Juin, Juillet, Août, Septembre, Octobre, Novembre, Décembre"
        data-mdb-months-short="Jan, Fév, Mar, Avr, Mai, Juin, Juil, Août, Sep, Oct, Nov, Déc"
        data-mdb-today-caption="Aujourd'hui"
        data-mdb-month-caption="Mois"
        data-mdb-week-caption="Semaine"
        data-mdb-list-caption="Liste"
        data-mdb-all-day-caption="Toute la journée"
        data-mdb-no-events-caption="Rien à afficher"
        data-mdb-summary-caption="Titre"
        data-mdb-description-caption="Description"
        data-mdb-start-caption="Début"
        data-mdb-end-caption="Fin"
        data-mdb-add-event-modal-caption="Ajouter un évènement"
        data-mdb-edit-event-modal-caption="Editer un évènement"
        data-mdb-add-caption="Ajouter"
        data-mdb-edit-caption="Editer"
        data-mdb-delete-caption="Supprimer"
        data-mdb-close-caption="Fermer"
        data-mdb-monday-first="true"
        data-mdb-default-view="list"
        data-mdb-readonly="true"></div>
​
    </div>
  </div>
​
</div>
​
  </div>
</body>

​

xxxxxxxxxx
 
var calendarElement = document.getElementById('calendrier');
    
    const events = [
          {
        summary: 'RDV4',
        start: {
          date: '17/11/2021',
          dateTime: '17/11/2021 14:30:00'
        },
        end: {
          date : '17/11/2021',
          dateTime : '17/11/2021 14:35:00'
        },
        color: {
          background: '#1FB1A9',
        }
      },
          {
        summary: 'RDV3',
        start: {
          date: '18/11/2021',
          dateTime: '18/11/2021 10:00:00'
        },
        end: {
          date : '18/11/2021',
          dateTime : '18/11/2021 10:30:00'
        },
        color: {
          background: '#D6006E',
        }
      },
          {
        summary: 'RDV1',
        start: {
          date: '19/11/2021',
          dateTime: '19/11/2021 09:15:00'
        },
        end: {
          date : '19/11/2021',
          dateTime : '19/11/2021 09:45:00'
        },
        color: {
          background: '#D6006E',
        }
      },
          {
        summary: 'RDV2',
        start: {
          date: '19/11/2021',
          dateTime: '19/11/2021 09:15:00'
        },
        end: {
          date : '19/11/2021',
          dateTime : '19/11/2021 09:45:00'
        },
        color: {
          background: '#D6006E',
        }
      },
          {
        summary: 'RDV0',
        start: {
          date: '19/11/2021',
          dateTime: '19/11/2021 15:30:00'
        },
        end: {
          date : '19/11/2021',
          dateTime : '19/11/2021 16:00:00'
        },
        color: {
          background: '#1FB1A9',
        }
      }
     ];
​
const calendarInstance = Calendar.getInstance(calendarElement);
    calendarInstance.addEvents(events);

Console errors: 0