Foros del Web » Creando para Internet » CSS »

poner mascara tipo fecha a input

Estas en el tema de poner mascara tipo fecha a input en el foro de CSS en Foros del Web. Hola queiro poner formato de fecha a un input como podria poner una mascara de fecha seria algo asi ----/--/-- para luego quedar 2010/11/22 agradezco ...
  #1 (permalink)  
Antiguo 23/11/2010, 15:54
 
Fecha de Ingreso: octubre-2009
Mensajes: 138
Antigüedad: 14 años, 5 meses
Puntos: 0
Pregunta poner mascara tipo fecha a input

Hola queiro poner formato de fecha a un input


como podria poner una mascara de fecha seria algo asi

----/--/-- para luego quedar 2010/11/22





agradezco su colaboracion


saludos
  #2 (permalink)  
Antiguo 23/11/2010, 17:56
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 2 meses
Puntos: 306
Respuesta: poner mascara tipo fecha a input

No veo este tema tenga mucho de css, a menos que sobre el input agregues un div el cual deba ocultarse con z-index o algo parecido.

Podrías poner tres input, o a la que tienes le agregar un valor de ejemplo:
value="----/--/--"
El problema es que de todas formas vas a tener que controlar que hayan ingresado la fecha tal como la quieres, y que no, por ejemplo, hayan reemplazado " / " por " - "
Para mí lo mejor es que cada parte se ingrese por separado y luego uno las junta en una sola variable, debiendo controlar solamente la cantidad de dígitos en cada caso.
Pero ya todo esto es más php, javascript que css
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 23/11/2010, 20:06
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 13 años, 5 meses
Puntos: 9
Respuesta: poner mascara tipo fecha a input

Lo mejor sería que para ello utilizaras tres inputs diferentes de mantera que en el value del primero pusieras aaaa con size 4, el segundo mm con size 2 y el último dd con size 2. Si quieres puedes poner barras entre los inputs de manera que quede más vistoso. Un ejemplo HTML sería:

Código HTML:
Ver original
  1. <input type="text" name="year" size="4" maxlength="4" value="aaaa" onclick="this.value=''" />
  2. /
  3. <input type="text" name="month" size="2" maxlength="2" value="mm" onclick="this.value=''" />
  4. /
  5. <input type="text" name="day" size="2" maxlength="2" value="dd" onclick="this.value=''" />

Un saludo,
espero que fuera eso lo que buscabas, sino la solución me temo que pasa por utilizar PHP
__________________
Diseño web en Castellón · Consultoría SEO en Castellón
Proyectos de diseño, desarrollo, fotografía, iphone apps.

Etiquetas: input, mascara, poner, tipo, fechas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:48.