rss
twitter
  •  

Jquery DatePicker – Calendario

| Posted in General |

3

Recientemente me he encontrado con este sencillo pero poderoso plugin JQuery, para hacernos un buen datepicker (selector calendario). Ya había probado muchos hasta el cansancio, pero este me ha llamado poderosamente la atención por:

  • No es invasivo
  • Cross Browser
  • Todo en un único archivo de 22k
  • Extremadamente personalizable

Me ha sorprendido que incluso las imágenes y los estilos necesarios forman parte del mismo archivo Javascript. Realmente una genialidad.

Y ya que me dí a la tarea de llevarlo al Español acá les dejo un ejemplo de un acomodo que hice recientemente; para que conozcan un poco como se configura


<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="datepicker-2.5.js"></script>
<script type="text/javascript">
$(document).ready(function (){
var langEs=[
 ["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],
 [],
 [],
 ["Lunes","Martes","Miércoles","Jueves","Viernes","Sábado","Domingo"],
 [],
 [],
 "Hoy"];

	var cal = new DatePicker('#reg_fecha', {
		autoOpen:true,
		min:"1jan2009",
		max:new Date(),
		format:"d/m/Y",
		firstDayOfWeek:6,
		language:"es",
		});
		cal.addLanguage("es",langEs);
});
</script>

El sitio oficial es: http://datepicker.org.ru/ desde donde podrán seguir las más recientes versiones y la documentación necesaria.

Espero le saquen provecho. ;-)

ACTUALIZACIÓN: Lamentablemente el sitio web oficial ha muerto. Pero por suerte yo aun conservaba la más reciente versión y la he colocado acá a disposición de todos: https://gist.github.com/1860411