调整大小 Jquery 日期选择器

Question

如何调整日期选择器的大小？

帮帮我。尺寸太大了.. 是否可以在 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>

Answer 1

试试这个，将其添加到您的 css 文件中，这将改变控件大小

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

也试试这个

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

调整大小 Jquery 日期选择器

Resize Jquery Datepicker

jquery

jquery-ui-datepicker