No artigo anterior apresentei o Accordion. Agora vamos analisar um recurso bastante útil: DatePicker. Vez por outra nossos formulários possuem campos do tipo data para o usuário preencher. A data a ser informada precisa seguir um padrão, geralmente dd/mm/aaaa. Também é preciso validar datas incorretas, como 87/50/2980 (não existe dia 87, tão pouco mês 50). O Datepicker soluciona esses problemas. Ele apresenta um calendário para o usuário escolher a data. Veja um exemplo abaixo (clique na caixa de texto):
Informe a data de seu nascimento:
Assim, além de visualmente atraente, solucionamos os problemas de formatos errados.
Vejamos o código:
<input id="datapicker" type="text" />
<script>
$('#datapicker').datepicker();
$('#datapicker').datepicker( "option", "dateFormat", "dd/mm/yy" );
</script>
A linha $('#datapicker').datepicker(); usa o seleter por id do jquery para encontrar o campo data, e então aplica a função datepicker; Já a linha abaixo definimos o formato da data a ser exibida.
Não esqueça de incluir as bibliotecas necessárias dentro da tag <head>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
</head>
Bem simples.
Atenciosamente,
Gustavo Marques
como faço para pegar a data gerada no php? agradeço a atenção
ResponderExcluirOlá,
ExcluirEssa data é gerada no browser (lado do cliente), o PHP roda no lado do servidor. Assim para você pegar essa data no PHP você precisa submeter o formulário para seu script em PHP. Algo assim:
<form action="seu_script.php" method="post">
Data: <input type="text" name="data" id="datapicker" />
<input type="submit" value="enviar data para o php"/>
</form>
<script>
$('#datapicker').datepicker();
$('#datapicker').datepicker( "option", "dateFormat", "dd/mm/yy" );
</script>
Agora o arquivo seu_script.php:
<?php
echo $_POST['data'];
?>
Vai imprimir a data gerada.
Att,
Gustavo