如何在选择日期后隐藏日期选择器
问题描述:
我使用引导程序选择日期并希望在用户选择日期时隐藏日期。这里是我的日期选择器代码如何在选择日期后隐藏日期选择器
<div class="form-group">
<input type="date" class="form-control datepicker" datepicker id="startdate2" placeholder=" Due Date" name="due_date" >
</div>
<div class="form-group">
<input type="date" class="form-control datepicker" datepicker id="startdate" placeholder=" Expire Date" name="expiry_date" >
</div>
,并试图通过这种code.Could任何人帮助我知道它是如何将正常工作藏身。
<script>
$(document).ready(function() {
$('#startdate2').datepicker({
format: "dd/mm/yyyy",
autoclose: true
});
$('#startdate').datepicker({
format: "dd/mm/yyyy"
}).on('change', function() {
$('.datepicker').hide();
});
});
</script>
在此先感谢。任何帮助将不胜感激。
答
您可以使用您可以使用事件changedate()
:
$('#startdate2').on('changeDate', function(ev){
$(this).datepicker('hide');
});
$(document).ready(function() {
$('#startdate2').datepicker({
format: "dd/mm/yyyy",
autoclose: true
}).on('changeDate', function() {
$('.datepicker').hide();
});
$('#startdate').datepicker({
format: "dd/mm/yyyy"
}).on('changeDate', function() {
$('.datepicker').hide();
});
});
,如果它不能正常工作尝试的blur()
代替hide()
:
$(this).blur();
仅供参考,我删除代码PHP,因为既没有问题,也没有代码与PHP有什么关系。 –