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">×</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