JavaScript FullCalendar

Frank K Hosaka · Outubro 30

arquivo index.php
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
    <title>Calendário Simples</title>
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar/index.global.min.js"></script>
</head>
<body>
    <div id="calendar" class='container mt-5'></div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            var calendarEl = document.getElementById('calendar');
            var calendar = new FullCalendar.Calendar(calendarEl, {
                locale: 'pt-br',
                buttonText: {today:'hoje',month:'mês',week:'semana',day:'dia'},
                contentHeight:500,
                initialView: 'dayGridMonth',
                events: 'getEvents.php'
            });
            calendar.render();
        });
    </script>
</body>
</html>

arquivo getEvents.php
<?php
// mysql atividades(id int,title varchar,start datetime,end datetime)
//  (1,Escovar dente,2024-10-29 19:15:00,2024-10-29 19:20:00)
//  (2,Lavar prato,2024-10-30 07:01:00,2024-10-30 07:01:00)
$conn=new PDO("mysql:host=localhost;dbname=teste","root","");
$stm=$conn->prepare("SELECT * FROM atividades ORDER BY id");
$stm->execute();
echo json_encode($stm->fetchAll(PDO::FETCH_ASSOC));
?>

Entrar

JavaScript FullCalendar

Pergunta

Frank K Hosaka

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades