Arquivado
Este tópico foi arquivado e está fechado para novas respostas.
PEGAR DATA AO CLICAR NO DIA DE DATETIMEPICKER INLINE BOOTSTRAP3
Por
rodrigo antonio cruz, em Javascript
Recommended Posts
-
Conteúdo Similar
-
Por Wagner M.M
Tenho esse código em jquery que faz o auto-complete de uma busca, ele está funcionando, porém quero que apareça uma imagem nas sugestões, quando faz o auto-complete da busca, teria como?
$(document).ready(function(){ $('#country').typeahead({ source: function(query, result) { $.ajax({ url:"fetch.php", method:"POST", data:{query:query}, dataType:"json", success:function(data) { result($.map(data, function(item){ return item; })); } }) } }); }); //fetch.php
$connect = mysqli_connect("localhost", "root", "20054145", "gabriella_responsivo"); $request = mysqli_real_escape_string($connect, $_POST["query"]); $query = " SELECT * FROM produtos WHERE nome LIKE '%".$request."%' order by nome ASC"; $result = mysqli_query($connect, $query); $data = array(); if(mysqli_num_rows($result) > 0) { while($row = mysqli_fetch_assoc($result)) { $data[] = $row["nome"]; } echo json_encode($data); }
-
Por pedroper
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 = "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.php 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.
Andei pesquisando e acho que vou usar o $.ajax() para fazer a requisição dos dados do banco, porém não tenho muito conhecimento. Montei a requisição da seguinte maneira:
$('.xdsoft_time_variant').change(function(){ $.ajax({ url : 'index.php', type : 'get', dataType: 'html', success: function(retorno){ $('.xdsoft_time').html(retorno); } }) }); As classes xdsoft_time_variant e xdsoft_time se refere as divs criadas pela função jquery.
time_variant é a div principal do script para mostrar o time e a xdsoft_time é a classe das horas.
-