Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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 ?
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 ?
Eu fiz umas gambiarras com esse fullCalendar, consigo adicionar, editar e excluir eventos tudo por PHP, tive que usar a imaginação.
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.
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.
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>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);
?>
Opa, boa tarde.
Experimenta o FullCalendar, costumo usar em minhas aplicações e funciona muito bem.
http://arshaw.com/fullcalendar/
Até logo.