日期选择器对于页面来说太大了答案

【问题标题】：Date picker is too big for the page日期选择器对于页面来说太大了
【发布时间】：2015-02-09 15:09:55
【问题描述】：

我尝试的所有日期选择器都有同样的问题。当我单击输入框时，它会在 j 查询中加载盛大，但它太大了。它离开了容器，我尝试了人们提出的所有解决方案，但没有成功。日历盒尺寸不合适，但日期和日期已超出页面。谁能帮我。

        <meta name="viewport" content="width=device-width" />
    <link href="media-styles.css" rel="stylesheet" type="text/css" />   
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;字体大小：0.6em； }

</head> 
<body>
    <noscript>
        For full functionality of this site it is necessary to enable JavaScript.
        Here are the <a href="http://www.enable-javascript.com/" target="_blank">
        instructions how to enable JavaScript in your web browser</a>.
    </noscript>
    <?php include("includes/header.php"); ?><!-- banner_area External File-->               
    <div id="container"><!--Opening Container -->
            <div class="register_login_upload_content"><!-- maincontent-->
            <div class="titleheading"><h3>Upload a Coupon</h3></div><!--Opening submit Header -->
            <div id="uploadformarea"><!-- Opening submit Area -->
            <form method="post" id="couponform" >
                <input type="hidden" name="companyid" id="user_id" value="<?php echo $id; ?>" />
                    <label for="adtitle">Choose a title for Coupon:</label>
                    <input type="text" name="adtitle" id="titleinput"  />        
                    <label for="desc">Description:</label>
                    <textarea name="desc" id="coupondesc"></textarea><br />                        
                    <label for="enddate">Select expiry date: </label>
                    <input type="text" class="datepicker" name="enddate" id="couponEndDate"/>                         

                    <input type="hidden" name="uploadtype" value="create_coupon" />                     
                    <input type="submit" name="createcoupon" id="createcoupon" value="Create" class="submit-button"/>
                </form><!-- End of submit Form -->

【问题讨论】：

标签： jquery datepicker jquery-ui-autocomplete

【解决方案1】：

她是链接jQuery DatePicker Too Large。它可能会解决您的问题。试试这个，

#ui-datepicker-div { font-size:11px; }

【讨论】：