Pular para o conteúdo principal

Preencher Data e Hora

Muito bem neste post irei demostrar como preencher campos data e hora com apenas uma tecla, sem precisar digitar toda a data ou toda a hora atual, utilizando Javascript, primeiramente vamos criar as duas funções que retorna a data e a hora atual, conforme exemplo abaixo

A função a seguir retorna a hora no seguinte formato hh:mm:ss
function HoraAtual(obj)
{
var hora = document.getElementById(obj);
if (hora.disabled==false)
{
var t = new Date();
var h = t.getHours();
var m = t.getMinutes();
var s = t.getSeconds();
if (h <>
h = "0" + h;
if (m <>
m = "0" + m;
if (s <>
s = "0" + s;
hora.value = h +":"+ m +":"+ s;
hora.focus();
hora.select();
}
}


A função a seguir retorna a hora no seguinte formato dd/MM/yyyy
function DataAtual(obj)
{
var data = document.getElementById(obj);
if (data.disabled==false)
{
var t = new Date();
var d = t.getDate();
var m = t.getMonth();
var a = t.getFullYear();
m=m+1;
if (d <>
d = "0" + d;
if (m <>
m = "0" + m;
if (a <>
s = "0" + a;');
data.value = d +"/"+ m +"/"+ a;
data.focus();
data.select();
}
}


Função que verifica se a tecla precionada é a letra "H"
function PegarHora(e, obj)
{
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 72)
{
HoraAtual(obj);
}
}

Função que verifica se a tecla precionada é a letra "D"
function PegarData(e, obj)
{
var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (keyCode == 68)
{
DataAtual(obj);
}
}
Desenvolvidas as funções javascript que retorna a data e hora atual, vamor criar outras duas funções, as quais serão acionadas no evento onkeyup dos INTUP, fazendo a verificação nos campos data se a tecla preciona e a letra "D", se for aciona função que retorna a data atual e nos campos hora no evento onkeyup do input, fazendo a verificação se a tecla precionada é a letra "H", se for aciona a função que retorna a hora atual, os input devem ser criados da seguinte maeneira

<**input id="data" onkeyup=" PegarData(event,'data');" type="">
<**input id="hora" onkeyup=" PegarHora(event,'hora');" type="">

Muito bem pessoal este foi um sismples exemplo e como preencher campos data e hora com os dados atuais correspondeste, caso queira receber o exmplo completo deixei um comentário com seu email.
Forte abraço e até a próxima.

Comentários

Postagens mais visitadas deste blog