Datepicker закрыть при нажатии на вход

Question

Я использую этот плагин для datepicker. https://uxsolutions.github.io/bootstrap-datepicker/

То, что я хочу, чтобы достичь является следующее: - Пользователь открывает страницу с Datepicker - щелчками пользователя в текстовом поле/значке текстового ввода >> DatePicker открывает - Пользователь снова щелкает в текстовом поле >> DatePicker закрывается.

Этот плагин имеет функцию «автоклиза», но это не то, что я хочу. Когда пользователь нажимает где-то вне всплывающего окна datepicker и текстового поля, al также закрывается.

Как закрыть его, когда сам вход снова щелкнут?

Answer 1

Используйте событие onChange, чтобы скрыть весь элемент datepicker.

т.е.

$('.datepicker').datepicker().on('changeDate', function(){ 
    $('.datepicker').hide(); 
}); 

Answer 2

Сначала создайте переменную для хранения, если сборщика показан или нет:

var visible = false; 

Затем измените эту переменную на основе статуса подборщика (если это показано, или не указано)

$('#datePickerID').datepicker().on('show', function(){ 
    visible = true; 
}); 

$('#datePickerID').datepicker().on('hide', function(){ 
    visible = false; 
}); 

Тогда вы можете скрыть его (если оно видно), когда пользователь нажимает на поле ввода.

$("#datePickerID").click(function(){ 
    if(visible) 
    { 
     $('#datePickerID').datepicker().hide(); 
    } 
})