javascript - 为什么在检索日期选择器值时我的函数会阻止检索其他值？

Question

基本上，当设置日期选择器值并调用函数时，该函数返回日期选择器值的字符串，但 id 为空。

当未设置日期选择器且调用该函数时，该函数返回 ID。

日期选择器和 MODAL 中的输入

<div class="form-group">
 <label>AUDIT ID:</label>
 <input class="form-control"   id="auditid" type="text" disabled=""></input>    
</div>

<div class="form-group">
 <label>Date of Audit :</label>
  <div class="input-group date" >
    <div class="input-group-addon" >
       <i class="fa fa-calendar" ></i>
    </div>
    <input type="text" class="form-control pull-right" id="datepicker27" >
  </div>
  <!-- /.input group -->
 </div>

函数调用

<button type="button" class="btn btn-danger" onclick="settargetdate()" >Set Target Date</button>    

函数本身

function settargetdate() {
  setTimeout(function() {
    $('#AUDITMODAL').modal('hide')
  }, 3)
  $('#submitting').show();
  var IDAUD = document.getElementById("auditid").value;
  var datewa = document.getElementById("datepicker27").value;;

  alert(IDAUD + datewa);
}

Answer 1

问题是，当触发日期选择器时，它会重置模式，从而使 id 字段为空。这是一个错误，已使用此链接中的以下代码解决:why does bootstrap-datepicker trigger 'show.bs.modal' when it is displayed?

$("#my-datepicker").datepicker().on('show.bs.modal', function(event) {
    // prevent datepicker from firing bootstrap modal "show.bs.modal"
    event.stopPropagation(); 
});