Javascript Eternicode引导日期选择器:在使用show event时,如何传递选项?
我使用的是让eternicode的日期选择器在选择日历图标时弹出,而不是在字段焦点上弹出的默认行为Javascript Eternicode引导日期选择器:在使用show event时,如何传递选项?,javascript,twitter-bootstrap,datepicker,bootstrap-datepicker,Javascript,Twitter Bootstrap,Datepicker,Bootstrap Datepicker,我使用的是让eternicode的日期选择器在选择日历图标时弹出,而不是在字段焦点上弹出的默认行为 $('.input-group-addon').click(function () { $('.input-group.date').datepicker('show'); }); 我如何将autoclose之类的选项添加到此代码中 <form class="myform" method="GET" action="servlet" class="navba
$('.input-group-addon').click(function () {
$('.input-group.date').datepicker('show');
});
我如何将autoclose之类的选项添加到此代码中
<form class="myform" method="GET" action="servlet" class="navbar-form navbar-left">
<div class="col-md-3">
<div class="input-group date">
<input id="datepicker" name="pickedDate" type="text" class="form-control" placeholder="mm/dd/yyyy"/><span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>
</div>
<button type="submit" class="btn btn-success"><i class="glyphicon glyphicon-ok"></i> Calculate Dates!</button> <button type="reset" class="btn btn-warning"><i class="glyphicon glyphicon-remove"></i> Reset</button>
<input id="month" name="monthHTML" value="" type="hidden"/>
<input id="day" name="dayHTML" value="" type="hidden"/>
<input id="year" name="yearHTML" value="" type="hidden"/>
</form>
计算日期!重置
您需要提前创建日期选择器
因此,如果您有以下HTML:
<div class="input-group">
<input type="text" class="form-control" id="datetext"/>
<span class="input-group-btn">
<button class="btn btn-default" type="button" id="datebtn">
<span class="glyphicon glyphicon-calendar"></span>
</button>
</span>
</div>
那太好了。让我知道我是否应该把它放在一个单独的问题中,但是如果日期选择器失去焦点或者按钮再次关闭(如切换),我将如何关闭它?此外,我自己也很难进行设置,因为我在这些文档中没有将“单击”视为事件:
$('#datetext').datepicker({ autoclose: true,
format: "dd MM yyyy"
})
.off('focus');
$('#datebtn').click(function () {
$('#datetext').datepicker('show');
});