Ukrywanie danych w zdarzeniu rozmycia

Question

Próbuję dodać rozmycie zdarzenia na wejściu, aby ukryć kalendarz.
Wtyczka, której używam do wyświetlania kalendarza, to wypełnianie eternicode/bootstrap-datepicker.

Oto kod źródłowy 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

można spróbować to:

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

Spróbuj this zaktualizowaną skrzypce. Myślę, że odkąd używasz selektora klasy, było kilka konfliktów w procedurze obsługi zdarzeń blur. Oddzieliłem każdy selektor kalendarza według identyfikatora i wygląda na to, że teraz działa dobrze.

Answer 4

To jest known bug * - jeśli użyjesz "datepicker" jako klasy dla swoich wejść, będzie to kolidowało z kodem datepika, ponieważ datepicker jest również klasą używaną w panelu wyboru. Używanie innej klasy dla osób zajmujących się zbieraniem powinno rozwiązać problem na teraz.

* Nie ma żadnych otwarte bilety dla niego w tej chwili, ale to jest uznawane jako drobny błąd