jQuery – Traducir hora española a inglesa

Es muy común tener en un textbox de un formulario una fecha en español DD/MM/YYY, y queramos convertirla al formato inglés YYYY/MM/DD para poder trabajar con ella en JavScript. Os indicamos cómo:

Por un lado imaginad que tenemos el formulario con el campo de fecha, que mediante un plugin nos deja una fecha en formato españo DD/MM/YYYY.

1
2
3
4
5
6
<form id="reserva" method="post" action="">
...
<input type="text" name="fecha" id="fecha" placeholder="DD/MM/YYYY" />
...
<input type="submit" value="Reservar" />
</form>

Manualmente o mediante plugin estilo DatePicker, se nos pondrá en el textbox una fecha en español: DD/MM/YYYY. Para tratarla en Javascript, deberemos ponerla en formato inglés: YYYY/MM/DD. Con el siguiente código lo haríamos:

1
2
3
4
5
6
// Cogemos el contenido del textbox y lo dividimos cogiendo el carácter / como separador
partes= $('#fecha').val().split('/');
// Tenemos en la Array partes, en la primera posición (0) el día, en la (1) el mes y en la (2) el año.
// Creamos un objeto date en Javascript pasándole en los parámetros el Año, el mes y por último el día.
fechaescogida = new Date(partes[2],partes[1]-1,partes[0]); 
// Ya tenemos un objeto Date con el formato inglés para poder trabajar con él.

A partir de aquí pueden haber muchas combinaciones. Que el separador no sea / sino . como en Alemán. O que que los días, meses o años esten cambiados. En estos casos deberéis adaptar el códido.

Que os sea de provecho !!!

Artículos relacionados

Validar un formulario con jQuery antes de enviarlo Una de las funciones que le dan un perfil mas profesional a nuestra web, es la validación de los formularios, antes de enviarlos. Una opción es enviar...
jQuery – Seleccionar opción de un desplegabl... Si buscáis por internet cómo seleccionar valores de un desplegable con jQuery os saldran multitud de ejemplos en los que todo el mundod ice que les fu...
FancyBox – Llamarlo desde una función Muchos de vosotros conoceréis FancyBox, una alternativa para Ligtht Box. Nos permite abrir ventanas modales mostrando mensajes o imágenes. Las maneras...
jQuery UI – Tutorial 3 – Widget Date P... Breve tutorial que se muestra cómo utilizar el widget Date Picker de la librería jQuery UI. Un widget que facilita al usuario insertar una fecha en un...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*