Bootstrap datepicker ocultar después de la selección

Si ayuda a alguien, la versión 2.0 del datepicker de bootstrap ya no funciona con la respuesta aceptada.

Así es como lo conseguí trabajando en el mío:

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

Véase http://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate

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

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

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

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 las instancias de mi calendario se comportaran igual.

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

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

  $('yourpickerid').datetimepicker({

        pickTime: false

  }).on('changeDate', function (e) {

        $(this).datetimepicker('hide');

  });

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

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

Puede cambiar el código fuente, bootstrap-datepicker.js. Añade esto.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 una solución perfecta:

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

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

Tener problemas con el reloj todavía mostrando incluso si yo escribí formato: 'AAAA-MM-DD', tuve que establecer pickTime: false y 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 el selector de fecha y hora

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

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

$("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 autoClose en lugar de autoclose. El caso de las cartas importa.

Use esto para datetimepicker, funciona bien

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