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 – Crear botón imágenes que cambian Veamos el código necesario para crear un enlace en forma de imagen, que al pasar el botón por encima (hover) cambia a otra imagen. Un ejemplo sería te...
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...
jQuery – Drag & Drop – 2 plugins Os dejo dos plugins que os puede ser de ayuda para el tratamiento del arrastre (drag & drop) de objetos: Draggabilly Permite arrastra solo en de...
jQuery – Ejecutar función cuando cambie cont... ¿Cómo ejecutar una función cuando cambia el contenido en un textbox en un formulario web? Hay diferentes formas de hacerlo. Veamos qué formas: ...

Deja un comentario

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

*