在Bootstrap-datepicker事件中，Show Event被称为多次

Question

我正在使用bootstrap-datepicker显示datepicker控件，我想在打开一个自定义的javascript事件之前打开datepicker popup

我像波纹管一样做代码var date = $(id(.datepicker({}(;

$(date).on('show.bs.modal', function (e) {
       e.stopPropagation();
    }).on('hide.bs.modal', function (e) {
       e.stopPropagation();
    });
}

 $(date).on('show',function (e) {
         alert(1);  
         return;
     });

当我打开datepicker时，请继续显示Allert消息" 1"。

$(document).ready(function(){
   var dateObj =$('#DOB').datepicker()
   
   $(dateObj).on('show.bs.modal', function (e) {
            e.stopPropagation();
   }).on('hide.bs.modal', function (e) {
            e.stopPropagation();
   });
   
   $(dateObj).on('show', function (e) {
      alert(1); 
      return;
  });
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.min.css" rel="stylesheet"/>
<div class="form-group required">
  <label class="control-label" for="DOB">Normal  Date<span></span>     </label>
  <input class="form-control input-singleDate calendarIcon" id="DOB"    name="DOB" placeholder="Select Date"   type="text">
</div>

Answer 1

发生的事情是您专注于警报，然后将焦点转移到DateTime Picker再次触发事件。

如果将警报更改为console.log(1(;它将正确发射。