Fecha con separadores / / /

flashtrix · #1 (**permalink**) 02/09/2011, 20:53

hola me gustaría saber como hago para que el el campo donde se ingresa la fecha estén siempre estos caracteres / / / de modo que la fecha se escriba solo los números y no haya que colocar la barra esa (ya que alli aparece)

el formato que deseo para la fecha es así:

dd/mm/aaaa

gracias.

Raziel_Ravenheart · #2 (**permalink**) 02/09/2011, 21:23

Prueba mirando en este post:

[URL="http://www.forosdelweb.com/f13/textbox-con-mascara-formato-fecha-752332/"]http://www.forosdelweb.com/f13/textbox-con-mascara-formato-fecha-752332/[/URL]

Si no, intenta buscando por google algo como:

javascript text date auto format

o

javascript text fecha formato automático

un ejemplo q encontré es el siguiente:
[URL="http://javascript.internet.com/forms/format-date.html"]ejemplo[/URL]

url del ejemplo: http://javascript.internet.com/forms/format-date.html

como verás, es algo un tanto complicado, y si hay alguien dispuesto a ayudarte con un ejemplo recien hecho y explicado, ojalá lo encuentres. Lo haría yo, pero justo ahora estoy un poco ocupado, pero conozco la necesidad de respuestas así estas sean rápidas o sencillas, de manera que nos guíen en lo que hacemos.

Exitos

patkoala · #3 (**permalink**) 03/09/2011, 06:23

Una idea es hacer esto:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function fechas(){
var fecha = document.getElementById("fecha");
if(fecha.value.length == 2 || fecha.value.length == 5){
fecha.value += "/";
}
}
</script>
</head>
<body>
<input type="text/javascript" id="fecha" onkeydown="fechas();" maxlength="10">
</body>
</html>

Edito:No se puede borrar, voy a probar a ver si puedo solucionarlo

patkoala · #4 (**permalink**) 03/09/2011, 06:28

Ya esta solucionado:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
function fechas(elEvento){
var evento = elEvento || window.event;
if(evento.keyCode == 8){
} else {
var fecha = document.getElementById("fecha");
if(fecha.value.length == 2 || fecha.value.length == 5){
fecha.value += "/";
}
}
}
</script>
</head>
<body>
<input type="text/javascript" id="fecha" onkeydown="fechas(event);" maxlength="10">
</body>
</html>

flashtrix · #5 (**permalink**) 03/09/2011, 09:18

GRACIAS GRACIAS SI ME SIRVIO.....

:apla uso:

IsaBelM · #6 (**permalink**) 03/09/2011, 13:29

si dices que te ha funcionado el código de patkoala, prueba a insertar este valor 99990000. como vez no es una fecha valida dd/mm/yyyy

patkoala · #7 (**permalink**) 04/09/2011, 03:16

Bueno, yo sólo lo hice para que introdujese los separadores automaticamente, pero no comprueba en ningún momento que sea una fecha válida, de hecho, incluso se pueden escribir letras