Question

基本上，当设置了datepicker值并调用了函数时，该函数返回datepicker值的字符串，但id为空。

当未设置datepicker且调用该函数时，该函数返回ID。

在MODAL中的Datepicker和输入

<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(); 
});

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

1 个答案: