Question

我正在尝试使用bootstrap datepicker，让它正常运行，现在还有一些可用性问题。

关闭第一个日期选择器时，是否可以在日期范围内打开第二个日期选择器？我不是很擅长js。如果有人能在这里提供帮助，那就太棒了.. Link to Demo

以下是我的代码：

HTML：

<div class="input-daterange input-group" id="datepicker">
     <input type="text" class="form-control" name="start" />
     <input type="text" class="form-control" name="end" />
</div>

JavaScript的：

 $('.input-daterange').datepicker({
         format: "dd.mm.yyyy",
         language: "de",
         todayHighlight: true
     });

Answer 1

在进一步调查中，我发现自己用jQuery datepicker搞砸了它。

在Bootstrap datepicker中，没有类似onClose()的方法，但使用 changeDate ，您只需完成此问题。

$('#start').datepicker({
    autoclose: true  // This enable you to close the picker
}).on('changeDate', function (ev) {
    $("#end").focus();
});
$('#end').datepicker();

仅供参考：要关闭您的选择器，请在bootstrap datepicker中使用autoclose属性。

以下是一个简单的JSFiddle。

关闭开始时的Daterange Picker开放结束

1 个答案: