Question

我正在使用bootstrap-datepicker显示datepicker控件我想在打开datepicker弹出窗口之前调用一个自定义javascript事件

我的代码就像波纹管一样 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;
     });

当我打开日期选择器时，转发消息'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）;它会正确启动。

在bootstrap-datepicker事件

1 个答案: