Najwa
Najwa

Reputation: 35

Resize Jquery Datepicker

How can I resize the datepicker?

Do help me. The size is too big.. Is it possible to resize it in Jquery?

Here's my code:

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

Upvotes: 0

Views: 921

Answers (1)

Achu S
Achu S

Reputation: 137

Try this, add this with your css file, This will change the control size

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

also try this

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

Upvotes: 2

Related Questions