Inicio > Desarrollo web > Poner el Datepicker de jQueryUI en castellano

Poner el Datepicker de jQueryUI en castellano

Desde el enlace https://github.com/jquery/jquery-ui/blob/master/ui/i18n/datepicker-es.js podemos descargarnos el fichero configurado en castellano (si queremos modificarle algo, como poner la primera letra del mes en castellano…)

Básicamente seguiremos estos pasos:

En el body insertamos el control:

<p>Fecha: <input type="text" id="datepicker" value="19/8/2015"></p>

Y en el head de nuestro fichero:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
//code.jquery.com/jquery-1.10.2.js
//code.jquery.com/ui/1.11.4/jquery-ui.js
http://./js/controles.js
<link rel="stylesheet" href="/resources/demos/style.css">

    $(function () {

    $.datepicker.setDefaults($.datepicker.regional["es"]);
$("#datepicker").datepicker();

Para obtener la fecha del Datepicker:

var currentDate = $( "#datepicker" ).datepicker( "getDate" );

Programaremos el evento onSelect para hacer “algo” cuando el usuario cambia la fecha seleccionada:

$("#datepicker").datepicker({

dateFormat: 'yy-mm-dd',
onSelect: function (date) {
alert(date)
},
});

La línea dateFormat: ‘yy-mm-dd’, la he puesto para que el datepicker me devuelva la fecha (date) con ese formato, que es el que acepta MySQL en las conexiones.

Categorías:Desarrollo web Etiquetas: , , , ,
  1. 16 de marzo de 2016 a las 8:25

    Hola muy bueno el post, una pregunta, al descargar el jquery-ui-1.11.4.custom.zip, he de suponer que va en la carpeta public del proyecto, ha de ir en ese orden carpeta code.jquery.com ->subcarpeta ui -> subcarpeta 1.11.4 -> subcarpeta themes -> subcarpeta smoothness y todo el contenido del zip? o cómo es que va la librería?

  1. No trackbacks yet.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: