CODEWITHSUNDEEP
javascripttwitter-bootstrapdatepicker
Chris W
Chris W

Reputation: 1302

Daterange Picker open end when closing start

I am trying to use bootstrap datepicker, got it working, now there are some usability issue left.

Is it possible the open the second datepicker in a daterange when closing the first one? I am not really good in js. would be great if anyone could help here..Link to Demo

Below is my code:

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
     });

Upvotes: 0

Views: 1878

Answers (1)

Praveen
Praveen

Reputation: 56539

On further investigation, I found myself that I messed it with jQuery datepicker.

Here in Bootstrap datepicker, there is no method like onClose() but using changeDate you can simply accomplish the issue.

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

FYI: To close your picker, you make use of autoclose property in bootstrap datepicker.

Here is a simple JSFiddle for you.

Upvotes: 1

Related Questions