Ir para conteúdo
Fórum Script Brasil
  • 0

JavaScript FullCalendar


Frank K Hosaka

Pergunta

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));
?>

 

Captura de tela 2024-10-29 212504.png

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...