Question

我尝试使用所有日期选择器时遇到同样的问题。当我点击输入框时，它会在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 {font-family：Lucida Grande，Lucida Sans，Arial，sans-serif; font-size：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 -->

Answer 1

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

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

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

1 个答案: