Bootstrap datepicker ocultar después de la selección

¿Cómo oculto el calendario después de seleccionar una fecha? ¿Existe una función específica que pueda utilizar? Mi código a continuación:

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

Cualquier ayuda sería apreciada.

Puede usar el evento changedate()para realizar un seguimiento de cuándo se cambia la fecha junto con el datepicker('hide')método para ocultar datepickerdespués de realizar la selección:

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

Manifestación

ACTUALIZAR

Este fue el error con autoclose: true. Este error se corrigió en el último maestro. VER EL COMMIT. Obtenga el último código deGitHub

Si es de alguna ayuda para alguien, la versión 2.0 del selector de fechas de arranque ya no funciona con la respuesta aceptada.

Así es como lo hice funcionar en el mío:

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

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

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

Si está buscando anular el comportamiento del calendario en general, globalmente, intente editar la función Datepicker (en mi ejemplo era la línea 82),

de

    this.autoclose = false;

a

    this.autoclose = true;

Funcionó bien para mí, ya que quería que todas mis instancias de calendario se comportaran igual.

El problema se puede detener, bloqueando el evento hide para el elemento de entrada mediante esta línea:

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

1. Simplemente abra el bootstrap-datepicker.js
2. encontrar : var defaults = $.fn.datepicker.defaults
3. conjunto autoclose: true

Guarde y actualice su proyecto y esto debería funcionar.

En bootstrap 4 use "autoHide: true"

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

Cerrar datetimepicker cuando seleccione la fecha (datetimepicker muestra la fecha con la hora)

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

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

Tengo una solución perfecta:

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

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

Cambié a datetimepicker y el formato a 'DD / MM / YYYY'

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

Al menos en la versión 2.2.3 que estoy usando, debes usar en autoCloselugar de autoclose. El caso de la carta importa.

Puede cambiar el código fuente, bootstrap-datepicker.js . Agregar this.hide();como 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
 }

Tengo un problema con el reloj que aún se muestra incluso si escribí el formato: 'AAAA-MM-DD' ,

Tuve que configurar pickTime: falsey después del cambio-> ocultar tuve que enfocar-> mostrar

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

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

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

Para selector de fecha y hora

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

Use esto para datetimepicker, funciona bien

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

No he visto esto mencionado, pero esto es lo que lo solucionó:

switchOnClick: true