A intenção é mostrar um calendário com os dias e datas do mês atual, mas podendo consultar também messes anteriores e posteriores.
Nos dias que tiverem horários vagos para marcação da consulta deve-se apresentar uma cor diferente onde pode-se clicar e ir para
a página de confirmação de dados para concluir a marcação da consulta.
Eu pesquisando na internet achei o fullCalendar, que é um plugin do jquery, ele mostra o calendário certinho na tela, mas eu não estou
conseguindo fazer a verificação no banco nem colocar a data como link
Abaixo segue o código:
<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>
json_events
<?php include_once("../Conexao/conexaoPDO.php"); ?>
<?php
date_default_timezone_set('America/Araguaina'); // PEGAR SEM HORÁRIO DE VERÃO.
$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);
?>
Pessoal, não é necessário que seja o fullcalendar, pode ser outro plugin, mas é necessário que mostre um calendário onde eu possa pagina para outros meses
e fazer o processo que expliquei antes.
Vlw.
Pessoal, eu acho que ele ñ está lendo o arquivo json_events.php, como faço para testar ?
Pessoal, fiz algumas modificações, mas mesmo assim ñ está funcionando, alguém pode me ajudar.
<html>
<head>
<link rel="stylesheet" href="js/fullcalendar.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="js/jquery.js" charset="utf-8"></script>
<script type="text/javascript" src="js/fullcalendar.min.js" charset="utf-8"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js" charset="utf-8"></script>
<script type='text/javascript'>
$(document).ready(function() {
$('#calendar').fullCalendar({
// eventSources: ['includes/build_calendar_events.php']
events: 'includes/build_calendar_events.php'
});
});
</script>
</head>
<body>
<div id='calendar'></div>
</body>
</html>
build_calendar_events.php
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>json-events</title>
</head>
<body>
<?php
$start = $_GET['start'];
$end = $_GET['end'];
$hostname='localhost';
$username='root';
$password='';
$dbname='agenda_medica';
mysql_connect($hostname, $username, $password) or die("Unable to connect!");
mysql_select_db($dbname);
$result = mysql_query("select * from agendados");
$event_array = array();
while ($record = mysql_fetch_array($result)) {
$event_array[] = array(
'id' => $record['id'],
'title' => $record['agendamentoMedicoID'],
'start' => $record['agendamentoData'],
'end' => $record['agendamentoHora'],
// 'allDay' => $record['all_day']
);
}
echo json_encode($event_array);
?>
</body>
</html>
