Làm thế nào để thay đổi kích thước của jquery UI datepicker

Question

thể trùng lặp:
How to resize the jQuery DatePicker control

Hãy cho tôi biết làm thế nào để thay đổi kích thước của datepicker jquery ui. Trình chỉnh sửa ngày mặc định của tôi width và height gần với 308px và 285px. Điều này quá lớn đối với trang của tôi. Xin vui lòng cho tôi biết làm thế nào để kích thước lại nó ?. Tại sao nó trở nên lớn đến thế? Tôi chỉ sao chép và dán mã và thay thế các tệp css và js ở những nơi có liên quan.

<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> 

Cảm ơn bạn.

Answer 1

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

tăng kích thước phông chữ sẽ làm tăng kích thước tổng thể của trình dữ liệu.

Answer 2

Hãy thử thay đổi

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

trong jquery-ui-1.8.6.custom.css của bạn. lưu ý rằng 1.8.6 là phiên bản tôi đang sử dụng.