jQuery дата выбора не закрывается при внешнем щелчке

Question

У меня есть jquery средство выбора даты, которое открывается при нажатии на значок. Средство выбора даты открывается правильно, и лог c также работает правильно. Я столкнулся с проблемой, когда средство выбора даты не закрывается при щелчке снаружи (или потеря фокуса). Как я могу закрыть средство выбора даты при нажатии снаружи?

Код выглядит так

<i class="fad fa-calendar-week" id="edit-checkin-date" onclick="editCheckoutDates();"></i>

функция

function editCheckoutDates(){
  jQuery(function ($) {
  jQuery("#edit-checkin-date")
  .datepicker({
    language: "en",
    range: true,
    dateFormat: "M d",
    multipleDatesSeparator: " - ",
    minDate: from_min_date,
    maxDate: to_max_date,
    onSelect: function(formattedDate, date, inst) {
      if (date[0]) {  
        $("#from").val(
          ("0" + (date[0].getMonth() + 1)).slice(-2) +
          "/" + //month
          ("0" + date[0].getDate()).slice(-2) +
          "/" + //day
            date[0].getFullYear()
        ); //year);
      }
      if (date[1]) {
        $("#to").val(
          ("0" + (date[1].getMonth() + 1)).slice(-2) +
          "/" + //month
          ("0" + date[1].getDate()).slice(-2) +
          "/" + //day
            date[1].getFullYear()
        ); //year);
      }

      if (2 !== date.length) return;

    }
  });
});
}

Здесь средство выбора даты открывается при нажатии на значок, указанный выше. Но проблема заключается в том, что при нажатии кнопки выбора за пределами даты средство выбора не закрывается.

Answer 1

попробуйте добавить это,

$("#edit-checkin-date").on("blur", function(e) { $(this).datepicker("hide"); });