展示活动在引导，日期选择器的事件多次调用

Question

我显示使用bootstrap-datepicker我想打电话给一个自定义JavaScript事件之前打开日期选择器弹出

我做了这样的代码波纹管 VAR日期= $（日期选择器控制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; 
    }); 

当我打开日期选择器时，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

发生了什么事是你的重点是警报，然后将焦点转移到了日期时间选择器再次触发事件。

如果将警报更改为console.log（1）;它会正确启动。