Скопируйте значение из указателя даты и установите фокус

Question

У меня есть два входа с DatePicker.Я хочу, чтобы, когда я выбирал дату для одной, она копировалась для другой и фокусировалась на ней.Приведенный ниже код работает, но после выбора даты в первом устройстве выбора даты фокусируется на втором входе, но средство выбора даты открывается и закрывается немедленно. Как сохранить его открытым?

Я пытался использовать event.preventDefault()но это не сработало.Возможно, я не использовал это правильно.

function copierDateDebutPourDateFin(elementId, elementValue) {
  $("#" + elementId.substring(0, elementId.length - 3) + "fin").val(elementValue);
  $("#" + elementId.substring(0, elementId.length - 3) + "fin").focus();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="form-control" name="date_liv_deb" id="date_liv_deb" placeholder="Date"  onchange="copierDateDebutPourDateFin(this.id, this.value);" />
<input type="text" class="form-control" name="date_chg_fin" id="date_chg_fin" placeholder="Date"  />

Answer 1

Я нашел решение:

$(function(){
   $('#date_chg_deb').datepicker({
       dateFormat : 'dd/mm/yy',
       onClose: function () {
           $("#date_chg_fin").val($('#date_chg_deb').val());
           $("#date_chg_fin").focus();
      }
   });

   $('#date_chg_fin').datepicker({
       dateFormat : 'dd/mm/yy'
   });
});

Второй инструмент выбора даты остается открытым после получения фокуса!