展示活動在引導，日期選擇器的事件多次調用

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）;它會正確啓動。