ショーイベントは私が怒鳴る VAR日= $（のようなコードをした前に、日付ピッカーのポップアップ</p> <p>を開き、JavaScriptのイベントのカスタムを呼びたい、私は<a href="https://bootstrap-datepicker.readthedocs.io/en/stable/" rel="nofollow noreferrer">bootstrap-datepicker</a>を使用して日付ピッカーコントロールを示しています、ブートストラップ・DatePickerのイベント

Question

で複数回呼ばれました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

何が起こっているアラートに注力され、その後、フォーカスが再びイベントをトリガ日時ピッカーにシフトしています。

alertをconsole.log（1）に変更した場合。それは正しく発射されます。