En el artículo de Introducción a JQuery UI que escribí, vimos cómo aplicar un selector de fecha a un input de tipo texto. Pero en el bundle de JQuery UI no viene incorporado el idioma español. Así que si queremos utilizar el datepicker con un idioma en concreto, deberemos tener un código javascript por cada uno que necesitemos.

En este artículo voy a configurarlo para que aparezca según el idioma español. Para eso, voy a crear un fichero llamado datepicker-es.js, que tendrá el siguiente código:

Si no queréis que sea el idioma por defecto, sólo tenéis que eliminar/comentar la instrucción .setDefaults() .

De tal manera que si ahora referenciamos desde nuestra página a este fichero datepicker-es.js, y tenemos el siguiente código HTML…

Al ejecutar mostrará un selector parecido a este:

Con esto ya hemos visto cómo podemos aplicar un idioma personalizado a nuestro datepicker.

¡Hasta la próxima!

Rupert.