调整Jquery Datepicker的大小

时间:2015-01-21 09:55:31

标签: jquery jquery-ui-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>

1 个答案:

答案 0 :(得分:2)

试试这个,用你的css文件添加它, 这将改变控件尺寸

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

也试试这个

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