Agenda de compromisso

[Marcos Barbosa 1]

Olá pessoal, estou desenvolvendo uma agenda para marcação de consultas, inicialmente está funcionando, bem faz as remarcações, remarcações e tudo mais, falta contudo uma parte visual melhor.

 

Quero fazer o seguinte, mostrar um calendário (mostrando os dias / data do mês), sendo que para cada dia que ele tenha um horário vago, apareça em destaque.

Nesse calendário eu poderei mostra os agendamentos de próximo mês.

 

Alguém pode me dar uma dica de como posso montar esse calendário pegando os dados diretamente no meu banco de dados ?

[Rafael Impacto 15]

Opa, boa tarde.

 

Experimenta o FullCalendar, costumo usar em minhas aplicações e funciona muito bem.

 

http://arshaw.com/fullcalendar/

 

Até logo.

[Marcos Barbosa 1]

Vou testar sim e agora...

Opa, boa tarde.

 

Experimenta o FullCalendar, costumo usar em minhas aplicações e funciona muito bem.

 

http://arshaw.com/fullcalendar/

 

Até logo.

Rafael, eu não consegui achar nada falando sobre a busca no banco de dados com o fullCallendar, vc sabe algum tuto que possa me indicar ?

[Ricardo Barantini 33]

Eu fiz umas gambiarras com esse fullCalendar, consigo adicionar, editar e excluir eventos tudo por PHP, tive que usar a imaginação.

[Prog 183]

Ext JS

 

http://cdn.sencha.com/ext-4.1.1a-gpl/examples/calendar/

 

Quanto a integrar com o banco de dados, não há mágica... você precisa fazer.

[Marcos Barbosa 1]

Vou fazendo aqui, na realidade já estou fazendo, quando chegar no ponto que ñ consiga mais prossegui eu posto aqui, assim será melhor, pois deixarei posicionado a dúvida que tenho.

[Marcos Barbosa 1]

Olá pessoal.

Bem gente, cheguei num ponto onde realmente não estou conseguindo prosseguir.

Não estou conseguindo trazer par o fullcalendar os dados que estão no banco de dados.

Pesquisei na internet a achei scripts e todos eles informam a mesma coisa, então eu tentei fazer seguindo a mesma linha, mas ñ funciona, segue abaixo:

 

 
<link href="js/fullcalendar-1.5.4/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css">
<link href="js/fullcalendar-1.5.4/fullcalendar/fullcalendar.print.css" type="text/css" media="print">
<link href="js/fullcalendar-1.5.4/demos/cupertino/theme.css" type="text/css" rel="stylesheet" />
 
<script type='text/javascript' src='js/fullcalendar-1.5.4/jquery/jquery-1.8.1.min.js'></script>
<script type='text/javascript' src='js/fullcalendar-1.5.4/jquery/jquery-ui-1.8.23.custom.min.js'></script>
<script type='text/javascript' src='js/fullcalendar-1.5.4/fullcalendar/fullcalendar.min.js'></script>
<script type="text/javascript">
$(document).ready(function(){
 
      var date = new Date();
      var d = date.getDate();
      var m = date.getMonth();
      var y = date.getFullYear();
 
      $('#calendar').fullCalendar({
          theme: true,
         draggable: true,
         header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
         },
         editable: true,
         allDayDefault: false,
         url: true,
         events: "nav/json_events.php",
 
        loading: function(bool) {
            if (bool) $('#loading').show();
            else $('#loading').hide();
       }
});
})
</script>

[Marcos Barbosa 1]

Pessoal, tinha esquecido de colocar o códido do json.events.php

 

 

 
<?php include_once("../Conexao/conexaoPDO.php"); ?>
<?php
 
 
$seleciona   = "SELECT * FROM agendados";
 
try{
$querySelect = $conecta->prepare($seleciona);
$querySelect->execute();
$resultado  = $querySelect(PDO::FETCH_ASSOC);
 
} catch(PDOException $erro){
echo "Erro, favor contactar o administrador ".$erro->getMessage();
}
 
 
foreach($resultado as $rs){
$array['agendamentoData'] = $rs['agendamentoData'];
$array['agendamentoHora'] = $rs['agendamentoHora'];
$array['title']  = "Agendados";
$eventos[]  = $array;
}
 
echo json_encode($eventos);
?>