2015-01-21 57 views
0

如何調整日期選擇器的大小?Resize Jquery Datepicker

幫幫我。大小太大..是否有可能在JQuery中調整大小?

這裏是我的代碼:

<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
    <script src="js/jquery-1.7.1.min.js"></script> 
    <script src="js/jquery-ui.js"></script> 
    <script src="js/jquery-ui.min.js"></script> 
    <script> 
     $(function() { 
      $("#datepicker").datepicker(); 
     }); 
    </script> 
</head> 

<body> 
    <p>Date: 
     <input type="text" id="datepicker"> 
    </p> 
</body> 

+0

您可能需要編輯'jquery ui' css – 2015-01-21 10:02:51

+0

感謝您的反饋 – Najwa 2015-01-22 02:30:17

回答

2

試試這個,跟你的CSS文件中添加此, 這將改變控制大小

div.ui-datepicker{font-size:10px;} 

也嘗試這個

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

謝謝。有用 – Najwa 2015-01-22 02:30:39