Fullcalendar php

Bonjour,

Voila je rencontre un petit problème avec mon code. Actuellement je travail sur un projet de vente de rdv et j'utilise FullCalendar pour afficher mon agenda. J'aimerais afficher les données de ma base de donnée vers mon agenda.
Mon fichier de chargement

query.php

<?php

require_once "pdo.php";

$rdv = array();

$query_rdv = "SELECT id, nomdurdv, prixestimer, codepostal, daterdv FROM trdv";

$statement = $pdo->prepare($query_rdv);

$statement->execute();

while ($row_rdvs = $statement->fetch(PDO::FETCH_ASSOC)){
    $id         = $row_rdvs['id'];
    $nomdurdv    = $row_rdvs['nomdurdv'];
    $prixestimer      = $row_rdvs['prixestimer'];
    $codepostal      = $row_rdvs['codepostal'];
    $daterdv        = $row_rdvs['daterdv'];

    $rdv[] = [
        'id'         => $id,
        'nomdurdv'    => $nomdurdv,
        'prixestimer'      => $prixestimer,
         'codepostal'        => $codepostal
         'daterdv'        => $daterdv
    ];

}

echo json_encode($rdv);

?>

calendaragenda.js

 document.addEventListener('DOMContentLoaded', function() {
    var initialLocaleCode = 'fr';
    var localeSelectorEl = document.getElementById('locale-selector');
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
        plugins: [ 'interaction', 'dayGrid', 'timeGrid', 'list' ],
        header: {
            left: 'prev,next today',
            center: 'title',
            right: 'dayGridMonth,timeGridWeek,timeGridDay'
        },
        locale: initialLocaleCode,
        buttonIcons: false, // show the prev/next text
        weekNumbers: true,
        navLinks: true, // can click day/week names to navigate views
        editable: false,
        eventLimit: true, // allow "more" link when too many events
        events: 'query.php',
        extraParams: function () {
            return {
                cachebuster: new Date ().valueOf()
            };
        },
        eventClick: function(info) {
            $("#visualiser #id").text(info.event.id);
            $("#visualiser #nomdurdv").text(info.event.nomdurdv);            
            $("#visualiser #prixestimer").text(info.event.prixestimer);
            $("#visualiser #codepostal").text(info.event.codepostal);
            $("#visualiser #daterdv").text(info.event.daterdv.toLocaleString());
            $("#visualiser").modal('show');
        }

    });

    calendar.render();
});    

index.php //Voici le fichier qui doit m'afficher les données

<div class="modal fade text-xs-left" id="visualiser" tabindex="-1" role="dialog"  aria-labelledby="myModalLabel33" aria-hidden="true">
      <div class="modal-dialog modal-lg" role="document">
          <div class="modal-content">
              <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                      <span aria-hidden="true">&times;</span>
                  </button>
              </div>
              <div class="modal-body">
                  <div class="row">
                      Id du rdv : <div id="id"></div>
                      Code postal du rdv : <div id="codepostal"></div>
                      Prix du rdv : <div id="prixestimer"></div>
                      Date du rdv : <div id="daterdv"></div>
                  </div>
              </div>
              <form action="" method="POST">
                <div class="modal-footer">
                    <input type="reset" class="btn btn-outline-secondary btn-lg" data-dismiss="modal" value="Annuler">
                    <input type="submit" name=""class="btn btn-outline-primary btn-lg" value="Confirmer l'achat">
                </div>
              </form>
          </div>
      </div>
  </div>

Ce que je veux

Je voudrais afficher mes données qui sont dans la base de données

Ce que j'obtiens

Mais rien ne s'affiche au niveau du mon fullcalendar. Svp quelqu'un pourra m'aider ? Je vous en prie je crève depuis sur ça