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

jQuery UI – Tutorial 2 – Puesta en mar... Tutorial que muestra cómo poner en marcha la librería jQuery UI. Qué debo descargar, los termas predeterminados de jQuery UI, colocar la librería en n...
jQuery datepicker, php, mysql y las fechas en form... Veamos un caso particular a la hora de programar con jquery ui. El componente DatePicker nos proporciona una manera muy visual y eficiente de insertar...
elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...
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...

Deja un comentario

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

*