Como dar formato a la fecha del datepicker de jquery

Esta noche estaba probando el datepicker, el calendario de jQuery, que se incluye en su UI. Como suele suceder la documentación, esta aveces es un poco pobre y los ejemplos que se muestran no siempre funciona bien, ya sea porque están mal o no están actualizados y si ha eso le sumamos el cansancio y las horas frente al ordenador es probable que no nos enteremos de como funciona.

Según la documentación que encontramos en la web de jQuery UI para establecer el formato de fecha en el datepicker usaríamos el siguiente código:

$(function() {
	$("#datepicker").datepicker();
	$("#format").change(function() { $('#datepicker').datepicker('option', {dateFormat: $(this).val()}); });
});

Ok, el formato de la fecha se establece mediante un combo, por lo que tan solo deberíamos usar la parte del option y remplazar $(this).val() por el valor que nos interesa, por lo que nuestro código quedaría algo así:

$(function() {
	$("#datepicker").datepicker();
	$('#datepicker').datepicker('option', {dateFormat: 'dd/mm/yy'});
});

La cosa es que no funciona si no usamos un combo. Has de recordar que en los parámetros los has de cargar al llamar el datepicker así:

$("#startDate").datepicker({dateFormat: 'dd/mm/yy'});

De esta forma no tendrás problema en formatear el código, así que si esto te resulta útil ya sabes, descansa un poco, porque si no lo has visto antes y te has lanzado a google a buscar la solución es que llevas demasiadas horas frente a la máquina.

Buenas noches... oh.. ¿buenos días ya?



2

Comentarios

  1. Mauricio dijó el 14 marzo de 2010 a las 18:15

    jajajajajajaaaaa… tienes toda la razón !! .. muchas gracias por postear la solución !!!

  2. jusernt dijó el 28 julio de 2010 a las 21:40

    lo intente desde el manual de datepicker de jquery pero no logre mucho, y llegue aqui, x suerte jeje (y no me tire tanto tiempo, x suerte jojo)…. gracias por el dato, nada complicado, ya ke muchos parametros de los plugin jquery se ingresan de esa forma (hablando del 3er ej. que muestras)

    … en fin, conciso y directo

    gracias


Deja tu comentario

Trackback URI | RSS de Comentarios

Un poco de html es bueno: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>