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

Date picker is too big for the page

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

        <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 { 字体系列: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 -->

她就是linkjQuery DatePicker Too Large。它可能会解决您的问题。试试这个,

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