jQuery UI Datepicker, como poner el calendario en español, euskera o cualquier otro idioma.

Muy útil para personalizar este control.

Reviblog

Hola a todos:

Hoy voy a mostrar como configurar las opciones de localización idiomática del datepicker de jQuery UI.

Como ya sabréis jQuery UI nos proporciona una serie de elementos de interface de usuario listos para utilizar de una manera muy sencilla.

Entre estos elementos con los que cuenta  jQuery UI se  encuentra Datepicker que nos proporciona un elegante calendario personalizable que nos permite introducir fechas de una manera visual en nuestros formularios.

   Formulario con DatePickerPara insertar un calendario en nuestro formulario escribiremos el siguiente código:

<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Fechas</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
http://code.jquery.com/jquery-1.9.1.js
http://code.jquery.com/ui/1.10.1/jquery-ui.js

$(function () {
$("#fecha").datepicker();
});

</head>
<body>
<label for="fecha">Fecha:
 <input type="text" id="fecha" value="" />
</label>
</body>
</html>

El código es muy sencillo, primero incluimos el css con el  archivo jquery-ui.css y los archivos javascript jquery-1.9.1.js y jquery-ui.css.

Despues creamos un script  con el siguiente código:

$(function ()…

Ver la entrada original 324 palabras más

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