Versão para Impressão
Enviar por E-mail
Adicionar em Favoritos
Assine nossos Feeds

Conheça o Autor

rlpa
Rodrigo
Araujo
membro deste abril de 2007.

Palavras-Chave

Data
Formulário
Hora
Máscara
Compartilhe e guarde
  • Rec6
  • StumbleUpon
  • ueba
  • linkk
  • dihitt
  • linkloko
  • websapiens
  • linkto
  • Technorati
  • Simpy
  • del.icio.us
  • Faves: Fave It!
JavaScript - DHTML / Formulários

Máscara para caixas de texto com Data e Hora

visto por 9525 vez(es)

Com este código é possível criar uma máscara para Data e Hora no seguinte formato: dd/mm/aaaa hh:mm:ss, onde:

- dd: Dia do mês
- mm: Mês
- aaaa: Ano
- hh: Hora
- mm: Minutos
- ss: Segundos

Exemplo para validação de campos em formulário contendo Data e Hora em um mesmo textbox.

O script sofreu uma pequena modificação pela equipe do CódigoFonte.com.br para funcionar no Firefox.
Copiar o Código para a Área de Transferência
Aumentar fonte
Diminuir fonte
Aumentar a altura da caixa de código
Diminuir a altura da caixa de código
Visualizar código em modo de edição
<html>
<head>
<title>Máscara para o campo data dd/mm/aaaa hh:mm:ss</title>
<script language="JavaScript">
/*-----------------------------------------------------------------------
Máscara para o campo data dd/mm/aaaa hh:mm:ss
Exemplo: <input maxlength="16" name="datahora" onKeyPress="DataHora(event, this)">
-----------------------------------------------------------------------*/
function DataHora(evento, objeto){
	var keypress=(window.event)?event.keyCode:evento.which;
	campo = eval (objeto);
	if (campo.value == '00/00/0000 00:00:00')
	{
		campo.value=""
	}

	caracteres = '0123456789';
	separacao1 = '/';
	separacao2 = ' ';
	separacao3 = ':';
	conjunto1 = 2;
	conjunto2 = 5;
	conjunto3 = 10;
	conjunto4 = 13;
	conjunto5 = 16;
	if ((caracteres.search(String.fromCharCode (keypress))!=-1) && campo.value.length < (19))
	{
		if (campo.value.length == conjunto1 )
		campo.value = campo.value + separacao1;
		else if (campo.value.length == conjunto2)
		campo.value = campo.value + separacao1;
		else if (campo.value.length == conjunto3)
		campo.value = campo.value + separacao2;
		else if (campo.value.length == conjunto4)
		campo.value = campo.value + separacao3;
		else if (campo.value.length == conjunto5)
		campo.value = campo.value + separacao3;
	}
	else
		event.returnValue = false;
}
</script>
</head>
<body>
<form method=post action="">
Data/Hora: <input type="text" name="txtdatahora" maxlength="19" size="19" onKeyPress="DataHora(event, this)">
</form>
</body>
</html>

Sim   Não   Este código foi útil para você?
NotaComentárioMembro
Ainda não foi enviado nenhum comentário.
Regras:
Os comentários seguem as seguintes regras:
  • Todos os comentários são enviados por membros cadastrados no site.
  • Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
  • Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
  • O membro que atingir 10 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.