Bootstrap Timepicker не скрыт?

Question

Я использую bootstrap timepicker, но он не скрывается, когда я использую вкладку. Он прячется только при нажатии. В фокусе, используя вкладку timepicker, но на потерянной вкладке фокуса таймер не закрывается.

Ниже мой код

$('#frmtime').timepicker({ 
     defaulttime: false 

    }).on('changeTime.timepicker', function (e) { 
     disableFocus: true; 
     alert('The time is ' + e.time.value); 
     $(this).timepicker('hide'); 

    }); 

Как я могу скрыть timepicker на события изменения.

Answer 1

Да, у меня тоже есть эта проблема. после попытки много способов, я это исправил код, как это:

$('.tp-start, .tp-end') 
.on('focus', function() { 
     $(this).timepicker({ 
      defaultTime: false, 
      minuteStep: 1, 
      showMeridian: false 
     }); 
}) 
// EDIT: 
.on('blur', function(e) { 
    if ($(e.target).hasClass('tp-start') || $(e.target).hasClass('tp-end')) { 
     // do nothing or other thing you wanna do. 
    } else { 
     $(this).timepicker('hideWidget'); 
    } 
}); 

//.tp-start, .tp-end are inputs of time-start & time-end 

Это более краткое!

Answer 2

Решение, которое сработало для меня.

$('#frmtime').on('keydown', function(e) { 
    if(e.keyCode == 9) { 
     $(this).timepicker('hideWidget'); 
    } 
});