1

En una base de datos tengo la info de unos eventos pero quiero añadirlos automaticamente cuando me meta en la página del calendario. El problema es que me da un error y no se solucionarlo. mi intncion es que se añadan eventos por otro lado y desde el calendario se puedan visualizar todos. El Error es el siguiente:

index.php?acc=calendario:73 [Violation]'DOMContentLoaded' handler took 289ms
[Violation]Forced reflow while executing JavaScript took 46ms
main.js:6476 GET http://localhost/xampp/App-produccion/App%20produccion%202.8/calendario/cargarevento.php?start=2021-09-26T00%3A00%3A00%2B02%3A00&end=2021-11-07T00%3A00%3A00%2B01%3A00 404 (Not Found)
requestJson @ main.js:6476
fetch @ main.js:6517
fetchSource @ main.js:6105
fetchSourcesByIds @ main.js:6093
fetchDirtySources @ main.js:6076
addSources @ main.js:6068
initEventSources @ main.js:6019
CalendarDataManager @ main.js:6941
Calendar @ main.js:9635
(anónimo) @ index.php?acc=calendario:77
main.js:6126 Request failed {message: 'Request failed', xhr: XMLHttpRequest}
(anónimo) @ main.js:6126
(anónimo) @ main.js:6520
xhr.onload @ main.js:6470
load (asincrónica)
requestJson @ main.js:6451
fetch @ main.js:6517
fetchSource @ main.js:6105
fetchSourcesByIds @ main.js:6093
fetchDirtySources @ main.js:6076
addSources @ main.js:6068
initEventSources @ main.js:6019
CalendarDataManager @ main.js:6941
Calendar @ main.js:9635
(anónimo) @ index.php?acc=calendario:77

Y estos son los codigos:

<html>

<head>
    <title>Calendar</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link id="logonsgs" rel='icon' type="image/ico" href='web/img/produccion.ico' />
    <!-- CSS   -->
    <link type="text/css" rel="stylesheet" href="librerias/fullcalendar/main.css" media="screen,projection" /><!--  Scripts-->
    <script src="web/js/jquery.min.js"></script>
    <script src="web/js/material.min.js"></script>
    <script src="web/js/jquery-3.5.1.js"></script>
    <script src="web/js/jquery-confirm.js"></script>
    <script src="web/js/jquery.dataTables.min.js"></script>
    <script src="web/js/dataTables.material.min.js"></script>
    <script src="librerias/jsPDF/jspdf.min.js"></script>
    <script src="librerias/jsPDF/jspdf.debug.js"></script>
    <script src="librerias/fullcalendar/main.js"></script>
    <script src="librerias/fullcalendar/locales-all.js"></script>
    <!--<script src="librerias/fullcalendar/locales/es.js"></script>-->
</head>

<body>
    <div id='calendar'></div>
<style>
        html,
        body {
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
            font-size: 14px;
        }

        #calendar {
            max-width: 1100px;
            margin: 40px auto;
        }
    </style>



    <script>

        var today = 2021-10-07;
        document.addEventListener('DOMContentLoaded', function() {
            var calendarEl = document.getElementById('calendar');
            

            var calendar = new FullCalendar.Calendar(calendarEl, {
                initialView: 'dayGridMonth',
                initialDate: today,
                headerToolbar: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'dayGridMonth,timeGridWeek,timeGridDay'
                },
                locales: 'es',
                events: "cargarevento.php"

            });

            calendar.render();
        });
    </script>


</body>

</html>

y el siguiente es el que supuestamente llama los datos:

También es donde se me conecta a la base de datos y es llamado por el codigo anterior. Aquí lo que hago es generar una array para luego pasarlo al anterior, despues debería hacer un bucle para poder enviar todos los registros

<?php

$host = '127.0.0.1';
$db   = 'produccion';
$user = 'root';
$pass = '';
$port = "3306";
$charset = 'utf-8';

$options = [
   \PDO::ATTR_ERRMODE            => \PDO::ERRMODE_EXCEPTION,
   \PDO::ATTR_DEFAULT_FETCH_MODE => \PDO::FETCH_ASSOC,
   \PDO::ATTR_EMULATE_PREPARES   => false,
];
$dsn = "mysql:host=$host;dbname=$db;charset=$charset;port=$port";
try {
    $pdo = new \PDO($dsn, $user, $pass, $options);
} catch (\PDOException $e) {
    throw new \PDOException($e->getMessage(), (int)$e->getCode());
}
$data = array();

$query = "SELECT PID, INICIO, FIN FROM calendario ORDER BY PID";

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

$statement->execute();
$result = $statement->fetchAll();

foreach($result as $row)
{
$data[] = array(
 'title'   => $row["PID"],
 'start'   => $row["INICIO"],
 'end'   => $row["FIN"]
);
};

?>

Muchisimas gracias.

2

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.