Formulário com datetimepicker

Programação PHP
#1

atualizado. boa noite! 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:

<body>
        <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>
    </body>
        <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

<?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) );
        }
    }
}    
<?php
    if (!$_POST['submit'])                        
       {

    $quebra_linha = "\n";
    $emailsender = "contato@contato.o";
    $nomeremetente = $_REQUEST['inputName'];
    $emaildestinatario = "contato@contato.o";
    $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 para a conexão com o banco, Gostaria de saber se é possivel linkar essas informações do banco com o datetimepicker para marcar os espaços de 1hora como ja reservados se aprovado.

Pesquisei nas opções e achei algo como:

{allowTimes:[
  '09:00',
  '11:00',
  '12:00',
  '21:00'
]}

Andei pesquisando e acho que vou usar o $.ajax() para fazer essa conexão, porém não tenho muito conhecimento. Alguém poderia me ajudar? Não sei se meu post pertence a essa categoria. Desde já agradeço a atenção! Boa noite.

#2

Não sei se entendi corretamente, Você quer verificar se o horário está ocupado, quando o agendamento está sendo feito?
Se for isso, você pode fazer uma requisição através de um evento usando o próprio Jquery.

Um exemplo abaixo.

$('#ID_do_datetimepicker').focusout(function () {   #Faz uma chamada Ajax quando o foco sai do campo
             $.ajax({
                 url: "url/que/fara/a/verificacao/da/data", #url que faz a verificação da data/hora escolhida
                 async: false,  # Espera o retorno da verificação para continuar o script
                 data: {'datetime': $('#ID_do_datetimepicker').val()}, # Dados script será recebido no PHP como $_POST['datetime']
                 method: 'POST' #Forma de envio, se não houver o padrão é GET.
             }).fail(function () {
                          /* Script para o caso de falha de requisição*/
             }).done(function () {
                   /* Script para pós resposta da url*/
             });
         });

Essa chamada está bem básica, processa basicamente se existe ou não retorno. Caso necessite de informações extras através do retorno da URL você poderá adicionar o método dataType (XML, JSON, entre outros), assim fica mais fácil processar dados de retorno.

Exemplo

Linha de reposta do PHP

die(json_encode(array(
                    'r' => FALSE,
                    'status' => 'A situação é X'
                )));

Processando resposta pelo Jquery

$.ajax({
                url: "url/que/fara/a/verificacao/da/data",
                async: false,
                data: { key: value},
                method: 'POST',
                dataType: "JSON" # tipo de dado retorna pela URL
            }).done(function (e) { # joga todo o retorno na variável **e**
                if (!e.r) {
                   alert(e.status);
                }
            });