Question

我有以下代码：

<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并且在datachange或用户点击datepicker面板之外时成功折叠了datepicker，但是当用户点击endDate然后直接点击时我自动折叠datepicker有问题在beginDate。

类似于this，虽然我没有使用相同的来源。

datepicker beginDate位于datepicker endDate之上（endDate datepicker未崩溃），但在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>

但它让一切变得混乱。知道我错过了什么吗？

Answer 1

使用以下代码：

$('#beginDate').datetimepicker();
$('#endDate').datetimepicker();

看看这个小提琴：http://jsfiddle.net/kmbo576p/571/

单击不同的ID时，Bootstrap datepicker自动折叠

1 个答案: