我有以下代码:
<input type="text" value="2014-10-13" class="input-small datepicker" id="beginDate">
<input type="text" value="2014-10-13" class="input-small datepicker" id="endDate">
<script type="text/javascript">
$('#beginDate').datepicker().on('changeDate', function(){
$('#beginDate').datepicker('hide');
});
$('#endDate').datepicker().on('changeDate', function(){
$('#endDate').datepicker('hide');
});
</script>
我已经关注了这个tutorial并在数据更改或用户在日期选择器面板外部单击时成功折叠日期选择器,但当用户单击 endDate
然后直接单击 beginDate
时,我无法自动折叠日期选择器。
类似于 this ,尽管我不使用相同的来源。
日期选择器beginDate
位于日期选择器endDate
之上(endDate日期选择器不会折叠),但在abode链接中它不会发生(能够自动折叠)。
我尝试像这样修改我的脚本:
<script type="text/javascript">
$('#beginDate').datepicker()
.on('show', function() {
$('#endDate').datepicker('hide');
});
.on('changeDate', function(){
$('#beginDate').datepicker('hide');
});
$('#endDate').datepicker().on('changeDate', function(){
$('#endDate').datepicker('hide');
});
</script>
但它搞乱了一切。知道我错过了什么吗?
最佳答案
使用以下代码:
$('#beginDate').datetimepicker();
$('#endDate').datetimepicker();
看看这个 fiddle :http://jsfiddle.net/kmbo576p/571/
关于javascript - 单击不同 ID 时 Bootstrap 日期选择器自动折叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26421251/