Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/02/2012, 00:01
Avatar de rigobcastro
rigobcastro
 
Fecha de Ingreso: febrero-2012
Ubicación: Lejanías
Mensajes: 69
Antigüedad: 13 años
Puntos: 21
Respuesta: calendario emergente para rango de fechas

Puedes descargar uno de los temas de jQuery UI ya creados o personalizar el propio, luego de eso lo descargas y cambias al CSS base por el del tema que has descargado.

Llamado de los CSS y la librería cuando has descargado : http://jqueryui.com/download

Código para colocar cuando descargues JQuery UI con el tema:

Código HTML:
<link type="text/css" href="css/nombredeltema/jquery-ui-1.8.18.custom.css" rel="Stylesheet" />	
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.18.custom.min.js"></script> 
Para la animación necesitas configurar la API del datepicker, osea establecer las opciones, por ejemplo, en el script que llama al datepicker, lo estableces de la siguiente manera

Código HTML:
$(function() {
	$( ".calendario" ).datepicker({
          showAnim: 'fold' // Cambias por el tipo de animación que deseas
       });
});
Más información: http://jqueryui.com/demos/datepicker/#animation


Puedes encontrar tutoriales especializados buscando por "jQueryUI Datepicker".

Saludos!