Cómo cambiar el tamaño del planificador de evento jQuery UI

Question

Duplicar posibles:
How to resize the jQuery DatePicker control

Por favor, dígame cómo cambiar el tamaño del planificador de evento jQuery UI. Mi datepicker predeterminado width y height están cerca de 308px y 285px. Esto es demasiado grande para mi página. Por favor, dime cómo volver a clasificar según el tamaño ?. ¿Por qué se vuelve tan grande? Solo copié y pegué el código y reemplazo los archivos css y js en lugares relevantes.

<link rel="stylesheet" type="text/css" href="./css/ui/jquery.ui.all.css"> 

<script src="./js/jquery-1.5.1.js"></script>  
<script src="./js/ui/jquery.ui.core.js"></script> 
<script src="./js/ui/jquery.ui.widget.js"></script> 
<script src="./js/ui/jquery.ui.datepicker.js"></script> 

Gracias.

Answer 1

$('div.ui-datepicker').css({ 
    font-size:10px; 
}); 

aumentar el tamaño de la fuente aumentará el tamaño total del datapicker.

Answer 2

intente cambiar

.ui-datepicker { 
    height: 500px ; 
    padding: 0.2em 0.2em 0; 
    width: 150px; 
} 

en su jquery-ui-1.8.6.custom.css. tenga en cuenta que 1.8.6 es la versión que estoy usando.