Como dar formato a la fecha del datepicker de jquery

admin — Sat, 29 Aug 2009 01:52:58 +0000

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?

Backtheweb » jQuery

Como dar formato a la fecha del datepicker de jquery