Ocultar el marcador de fecha en el evento de desenfoque

Question

Estoy tratando de agregar un desenfoque de evento en la entrada para ocultar un calendario.
El complemento que estoy usando para mostrar el calendario es el siguiente eternicode/bootstrap-datepicker.

Aquí está el código fuente http://jsfiddle.net/KLpq7/75/

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

inputs.on('blur', function() { 
      console.log($(this)); 
      // I would like to hide just the date picker 
      //$(this).hide(); 
}); 

Answer 1

inputs.on('blur', function() { 
     inputs.datepicker('hide'); 
    }); 

Answer 2

Puede probar esto:

var inputs = $('.datepicker').datepicker({ 
format: 'yyyy-mm-dd', 
autoclose: true}).on('changeDate', function (ev) { 
     $(this).blur(); 
     $(this).datepicker('hide'); 
    }); 

violín: http://jsfiddle.net/KLpq7/82/

Answer 3

Trate this violín actualizada. Creo que desde que usabas un selector de clase había algunos conflictos en el controlador de eventos blur. He separado cada selector de calendario por ID y parece funcionar bien ahora.

Answer 4

Esto es known bug * - si usa "datepicker" como clase para sus entradas, interferirá con el código datepicker, porque datepicker también es la clase utilizada para el panel de selección. Usar una clase diferente para tus selectores debería solucionar el problema por ahora.

* No hay ningún entradas de puertas abiertas para que en este momento, pero es reconocido como un error menor