jquery移动日期选择器显示两次
我目前正在使用jQueryUIDatePicker。但是datepicker在我的页面上显示两次(重复)。当我在第一页上使用datepicker时,效果很好。 下面是一个例子。您可以运行此示例来查看问题jquery移动日期选择器显示两次,jquery,jquery-mobile,Jquery,Jquery Mobile,我目前正在使用jQueryUIDatePicker。但是datepicker在我的页面上显示两次(重复)。当我在第一页上使用datepicker时,效果很好。 下面是一个例子。您可以运行此示例来查看问题 <!DOCTYPE html> <html> <head> <title>Datepicker Test</title> <link rel="stylesheet" href="http://code.j
<!DOCTYPE html>
<html>
<head>
<title>Datepicker Test</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"/>
<link rel="stylesheet" href="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jquery.ui.datepicker.mobile.css" />
<script src="http://code.jquery.com/jquery-1.5.min.js"></script>
<script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jQuery.ui.datepicker.js"></script>
<script src="http://jquerymobile.com/demos/1.0a3/experiments/ui-datepicker/jquery.ui.datepicker.mobile.js"></script>
<script src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<!-- Start of first page -->
<div data-role="page" id="firstPage">
<div data-role="header">
<h1>First page</h1>
</div><!-- /header -->
<div data-role="content">
<p><a href="#secondPage">Next page with a Datepicker</a></p>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
<!-- Start of second page -->
<div data-role="page" id="secondPage">
<div data-role="header">
<h1>Second page</h1>
</div><!-- /header -->
<div data-role="content">
<label for="date">Date Input:</label>
<input type="date" name="date" id="my_date" value="" />
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /header -->
</div><!-- /page -->
</body>
</html>
数据选择器测试
首页
页脚
第二页
日期输入:
页脚
如果jQuery在每次启动时显示两次时出现问题,可以执行,$('.datepicker').hide()
函数在选择日期时自动隐藏日期时间选择器。下面是一个示例代码:
$(document).on("changeDate", "your input type", function(e)
{
$('.datepicker').hide();
});
相关:及副本