日期选择器对于页面来说太大
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; }
我尝试过的所有日期选择器都遇到了同样的问题。当我单击输入框时,它会在 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; }