Estou desenvolvendo um sistema de agendamento e estou utilizando o datetimepicker para fazer a marcação das horas.
segue o código que estou utilizando:
HTML
<form action="agenda.php" method="POST">
<p> Nome </p>
<input type="text" id="inputName" name="inputName" required>
<p> Email </p>
<input type="text" id="inputEmail" name="inputEmail" required>
<p> Telefone </p>
<input type="text" id="inputPhone" name="inputPhone" required>
<p> Clinica </p>
<select name="inputClinica">
<option value="Avenida Tiririca">Avenida Tiririca</option>
</select>
<p> Agenda </p>
<input type="datetime" id="inputDatetime" name="inputDatetime" required>
<input class="somebutton" type="submit" value="ENVIAR">
</form>
<link rel="stylesheet" type="text/css" href="js/jquery.datetimepicker.css">
<script src="js/jquery.js"></script>
<script src="js/jquery.datetimepicker.full.min.js"></script>
<script src="http://momentjs.com/downloads/moment.min.js"></script>
<script>
$.datetimepicker.setLocale('pt-BR');
</script>
<script>
$('#inputDatetime').datetimepicker({
formatTime:'H:i',
formatDate:'Y/m/d',
inline:true,
});
</script>
PHP
include('config.php');
$erro = false;
if ( isset( $_POST ) && ! empty( $_POST ) ) {
foreach ( $_POST as $chave => $valor ) {
$$chave = $valor;
if ( empty ( $valor ) ) {
$erro = 'Existem campos em branco.';
}
}
if ( empty( $inputName ) || empty( $inputEmail ) || empty( $inputPhone ) || empty( $inputClinica ) || empty( $inputDatetime ) ) {
$erro = 'Existem campos em branco.';
}
$pdo_verifica = $conexao_pdo->prepare('SELECT * FROM si_agendamento WHERE id_ag = ?');
$pdo_verifica->execute( array( $inputName ) );
$id_ag = $pdo_verifica->fetch();
$id_ag = $id_ag['id_ag'];
if ( ! $erro ) {
if ( ! empty( $id_ag ) ) {
$pdo_insere = $conexao_pdo->prepare('UPDATE si_agendamento SET inputName_ag=?, inputEmail_ag=?, inputPhone_ag=?, inputClinica_ag=?, inputDatetime_ag=? WHERE id_ag=?');
$pdo_insere->execute( array( $inputName ,$inputEmail , $inputPhone , $inputClinica, $inputDatetime, $id_ag ) );
} else {
$pdo_insere = $conexao_pdo->prepare('INSERT INTO si_agendamento (inputName_ag, inputEmail_ag, inputPhone_ag, inputClinica_ag, inputDatetime_ag) VALUES (?, ?, ?, ?, ?)');
$pdo_insere->execute( array( $inputName ,$inputEmail , $inputPhone , $inputClinica, $inputDatetime) );
}
}
}
if (!$_POST['submit']) {
$quebra_linha = "\n";
$emailsender = "[email protected]";
$nomeremetente = $_REQUEST['inputName'];
$emaildestinatario = "[email protected]";
$assunto = "[AGENDA]";
$email = $_REQUEST['inputEmail'];
$phone = $_REQUEST['inputPhone'];
$clinica = $_POST['inputClinica'];
$mensagem = $_REQUEST['inputMessage'];
$agendamento = $_REQUEST['inputDatetime'];
$mensagemHTML = 'Olá , '.$nomeremetente.' tem um recado para voce.
Existe uma nova mensagem para voce diretamente !
Nome: '.$nomeremetente.'
E-mail: '.$email.'
Telefone: '.$phone.'
Clinica: '.$clinica.'
Mensagem: '.$mensagem.'
Agendamento: '.$agendamento.'';
$headers = "MIME-Version: 1.1".$quebra_linha;
$headers = "Content-type: text/html; charset=UTF-8".$quebra_linha;
$headers = "From: ".$emailsender.$quebra_linha;
$headers = "Reply-To: ".$emailsender.$quebra_linha;
if(mail($emaildestinatario, $assunto, $mensagemHTML, $headers, "-r". $emailsender))
{
echo "<script>alert('Seu e-mail foi enviado com sucesso. Obrigado por entrar em contato!');</script>";
echo "<script>document.location.href='index.html'</script>";
}
else
{
echo "<script>alert('Email não enviado, tente novamente mais tarde!');</script>";
}
}
Criei um arquivo config.php para a conexão com o banco, Gostaria Preciso de saber se é possivel linkar essas informações do bancoum help com o datetimepickerjson; preciso bloquear as datas que estão sendo usadas para marcar os espaços de 1hora como ja reservados se aprovadoque não possam ser selecionadas. O projeto ta atualizado no github.
Andei pesquisando e acho que vou usar o $.ajax() para fazer a requisição dos dados do bancoDesde já, porém não tenho muito conhecimento. Montei a requisição da seguinte maneira:agradeço!
$('.xdsoft_time_variant').change(function(){
$.ajax({
url : 'index.html',
type : 'get',
dataType: 'html',
success: function(retorno){
$('.xdsoft_time').html(retorno);
$('.xdsoft_time').css("background", "black");
}
})
});