Bootstrap datepicker nascondere dopo la selezione

Come si nasconde il calendario dopo aver selezionato una data? C'è una funzione specifica che posso usare? Il mio codice qui sotto:

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

Qualsiasi aiuto sarebbe apprezzato.

È possibile utilizzare l'evento changedate()per tenere traccia di quando la data viene modificata insieme al datepicker('hide')metodo per nascondere la datepickerdopo aver effettuato la selezione:

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

Demo

AGGIORNARE

Questo era il bug con autoclose: true. Questo bug è stato corretto nell'ultimo master. GUARDA IL COMMIT. Ottieni il codice più recente daGitHub

Se può aiutare qualcuno, la versione 2.0 del datepicker bootstrap non funziona più con la risposta accettata.

Ecco come l'ho fatto funzionare sul mio:

$('yourpickerid').datepicker({
    format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
    $(this).datepicker('hide');
});

Vedi http://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate

$('#input').datepicker({autoclose:true});

Se stai cercando di sovrascrivere il comportamento del calendario in generale, a livello globale, prova a modificare la funzione Datepicker (nel mio esempio era la riga 82),

a partire dal

    this.autoclose = false;

per

    this.autoclose = true;

Ha funzionato bene per me, poiché volevo che tutte le mie istanze di calendario si comportassero allo stesso modo.

Il problema può essere risolto, bloccando l'evento nascondi per l'elemento di input da questo linese:

var your_options = { ... };
$('.datetimepicker').datetimepicker(your_options).on('hide', function (e) {
    e.preventDefault();
    e.stopPropagation();
});

1. Apri semplicemente il file bootstrap-datepicker.js
2. trova : var defaults = $.fn.datepicker.defaults
3. impostato autoclose: true

Salva e aggiorna il tuo progetto e questo dovrebbe bastare.

In bootstrap 4 usa "autoHide: true"

$('#datepicker1').datepicker({
    autoHide: true,
    format: 'mm-yyyy',
    endDate: new Date()
});

Chiudi datetimepicker quando si seleziona la data (datetimepicker mostra la data con l'ora)

$('.datepicker').datepicker({
    autoclose: true,
    closeOnDateSelect: true
}); 

$('yourpickerid').datetimepicker({
           pickTime: false
}).on('changeDate', function (e) {
           $(this).datetimepicker('hide');
});

Ho una soluzione perfetta:

$('#Date_of_Birth').datepicker().on('changeDate', function (e) {
    if(e.viewMode === 'days')
        $(this).blur();
});

$('.datepicker').datepicker({
    autoclose: true
}); 

Ho cambiato in datetimepicker e formato in "GG ​​/ MM / AAAA"

$("id").datetimepicker({
    format: 'DD/MM/YYYY',
}).on('changeDate', function() {
    $('.datepicker').hide();
});

Almeno nella versione 2.2.3 che sto usando, devi usare al autoCloseposto di autoclose. Il caso delle lettere è importante.

Puoi modificare il codice sorgente, bootstrap-datepicker.js . Aggiungi this.hide();come 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
 }

Il problema con l'orologio continua a essere visualizzato anche se ho scritto il formato: 'AAAA-MM-GG' ,

Dovevo impostare pickTime: falsee dopo il cambiamento-> nascondi dovrei mettere a fuoco-> mostrare

$('#VBS_RequiredDeliveryDate').datetimepicker({
  format: 'YYYY-MM-DD',
  pickTime: false
});

$('#VBS_RequiredDeliveryDate').on('change', function(){
    $('.datepicker').hide();
});

$('#VBS_RequiredDeliveryDate').on('focus', function(){
    $('.datepicker').show();
});

Per il selettore di data e ora

$('yourpickerid').datetimepicker({
        format: 'dd/mm/yyyy',
}).on('changeDate', function(e){
        $(this).datetimepicker('hide');
});

Usa questo per datetimepicker, funziona bene

$('#Date').data("DateTimePicker").hide();

Non l'ho visto menzionato, ma questo è ciò che mi ha risolto:

switchOnClick: true