jquery tutorial

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 – Tutorial 02 – Puesta en march... Segundo tutorial de 7 minutos que muestra cómo llamar a la librería desde nuestra página, sea con la librería descargada como llamada a librería aloja...
FancyBox como alternativa a LightBox La mayoría de vosotros ya conocerá LightBox como una de las librerías JavaScript mas famosas para crear atractivas galerías de fotos con sus respectiv...
jQuery – Capturar valor de desplegable y esc... Estrenando nuestro perfil de CodePen.io, vamos a ver un ejemplo en jQuery que trabaja con desplegables (selects) y cajas de texto en formularios. En m...
Enviar formulario con jQuery AJAX Partimos de la premisa que tenemos un formulario creado, y queremos enviar los datos con AJAX. Dicho de otro modo, enviaremos el formulario sin marcha...