HTML:
<div class="container">
<div class="hero-unit">
<input type="text" placeholder="click to show datepicker" id="example1">
</div>
</div>
jQuery的:
<script type="text/javascript">
$(document).ready(function () {
$('#example1').datepicker({
format: "dd/mm/yyyy"
});
});
</script>
我使用bootstrap datepicker.
当我点击datepicker时,它会打开并选择任何日期.
我的问题:
如果我从datepicker中选择日期,我想关闭datepicker弹出窗口.
为了在选择日期关闭datepicker,我需要使用哪个事件？
编辑:
我找到了解决方案
这有效
$(document).mouseup(function (e) {
$('#example1').Close();
});
但是这下面的原因不起作用？
$('#example1').datepicker().on('changeDate', function (ev) {
$('#example1').Close();
});
我从它的网站上下载了modernizr.js.
<html>
<head>
<title>Hello Modernizr</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="~/modernizr.custom.62854.js"></script>
</head>
<body>
</body>
</html>
<script>
Modernizr.load({
test: Modernizr.inputtypes.date,
nope: ['http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js', 'jquery-ui.css'],
complete: function () {
$('input[type=date]').datepicker({
dateFormat: 'yy-mm-dd'
});
}
});
</script>
我添加了一个datepicker但是如果我运行网站,我看不到任何我想念的地方？