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

User · Answer

If you re looking to override the behavior of the calendar in general  globally  try editing the Datepicker function  in my example it was line 82    from      this autoclose   false    to      this autoclose   true    Worked fine for me  as I wanted to have all my calendar instances behave the same

User · Answer

The problem can be stopped  blocking hide event for input element by this linese    x000D   x000D  var your options            x000D      datetimepicker   datetimepicker your options  on  hide   function  e    x000D      e preventDefault    x000D      e stopPropagation    x000D      x000D   x000D   x000D

User · Answer

At least in version 2 2 3 that I m using  you must use autoClose instead of autoclose  Letter case matters

User · Answer

yourpickerid   datetimepicker              pickTime  false    on  changeDate   function  e                 this  datetimepicker  hide

User · Answer

In bootstrap 4 use  autoHide   true       datepicker1   datepicker       autoHide  true      format   mm-yyyy       endDate  new Date

User · Answer

Simply open the bootstrap-datepicker js find   var defaults     fn datepicker defaults  set autoclose  true   Save and refresh your project and this should do

User · Answer

If it s any help to anyone  the Version 2 0 of the bootstrap datepicker no longer works with the accepted answer   Here s how I got it working on mine      yourpickerid   datepicker       format   dd mm yyyy      on  changeDate   function e         this  datepicker  hide          See http   bootstrap-datepicker readthedocs org en latest events html changedate

User · Answer

Haven t seen this mentioned  but this is what fixed it for me   switchOnClick  true

User · Answer

Close datetimepicker when date select datetimepicker show  date with time       datepicker   datepicker       autoclose  true      closeOnDateSelect  true

User · Answer

Use this for datetimepicker  it works fine      Date   data  DateTimePicker   hide

User · Answer

You can change source code  bootstrap-datepicker js  Add this hide    like ne    if  this viewMode     0        this date   new Date this viewDate       this element trigger           type   changeDate           date  this date          viewMode  DPGlobal modes this viewMode  clsName             this hide     here

User · Answer

input   datepicker  autoclose true

User · Answer

I got a perfect solution       Date of Birth   datepicker   on  changeDate   function  e        if e viewMode      days             this  blur

User · Answer

I changed to datetimepicker and format to  DD MM YYYY      id   datetimepicker       format   DD MM YYYY      on  changeDate   function             datepicker   hide

User · Answer

Having problem with clock still showing even if I i wrote format   YYYY-MM-DD    I hade to set pickTime  false and after change- hide I hade to focus- show      VBS RequiredDeliveryDate   datetimepicker     format   YYYY-MM-DD     pickTime  false          VBS RequiredDeliveryDate   on  change   function            datepicker   hide             VBS RequiredDeliveryDate   on  focus   function            datepicker   show

User · Answer

datepicker   datepicker       autoclose  true

User · Answer

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

User · Answer

For datetime picker     yourpickerid   datetimepicker           format   dd mm yyyy      on  changeDate   function e             this  datetimepicker  hide

[jquery] Bootstrap datepicker hide after selection

Examples related to jquery

Examples related to twitter-bootstrap

Examples related to datepicker