Bootstrap datepicker hide after selection

Question

How do I hide the calendar after a date is selected? Is there a specific function that I can use? My code below:

$('#dp1').datepicker({     format: 'mm-dd-yyyy',     startDate: '-15d',     autoclose: true,     endDate: '+0d' // there's no convenient "right now" notation yet }); 

Any help would be appreciated.

Answer 1

You can use event changedate() to keep track of when the date is changed together with datepicker('hide') method to hide the datepicker after making selection:

$('yourpickerid').on('changeDate', function(ev){     $(this).datepicker('hide'); }); 

Demo

UPDATE

This was the bug with autoclose: true. This bug was fixed in latest master. SEE THE COMMIT. Get the latest code from GitHub