Masquer la datepicker sur l'événement de flou

Question

J'essaie d'ajouter un flou d'événement à l'entrée afin de masquer un calendrier. Le plugin que j'utilise pour montrer le calendrier est le eternicode/bootstrap-datepicker.

Voici le code source 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

Vous pouvez essayer ceci:

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

Fiddle: http://jsfiddle.net/KLpq7/82/

Answer 3

Essayez this violon mis à jour. Je pense que puisque vous utilisiez un sélecteur de classe, il y avait des conflits dans le gestionnaire d'événements de flou. J'ai séparé chaque sélecteur de calendrier par ID et cela semble fonctionner correctement maintenant.

Answer 4

C'est un known bug * - si vous utilisez « DatePicker » comme la classe pour vos entrées, il interfère avec le code datepicker, car datepicker est aussi la classe utilisée pour le volet sélecteur. L'utilisation d'une classe différente pour vos sélecteurs devrait résoudre le problème pour le moment.

* Il n'y a pas de ouverts billets pour ce au moment, mais il est reconnu comme un bug mineur