Bootstrap日期范围选择器自定义事件调用

Question

我正在使用引导日期范围选择器https://github.com/dangrossman/bootstrap-daterangepicker。 当我选择日期范围＆amp;然后我点击“应用按钮”，它将调用“apply.daterangepicker”并返回结果。

#file.html
<div class="controls">
  <div class="input-prepend input-group">
    <span class="add-on input-group-addon"><i class="glyphicon glyphicon-calendar fa fa-calendar"></i></span>
    <input type="text" style="width: 400px" name="daterange" id="daterange" class="form-control" value="" class="span4"/>
            &nbsp;
     <button id="stats" class="btn btn-small btn-sm btn-success">Show</button>
   </div>
 </div>


#file.js
$( document ).ready(function() {
    $('#daterange').daterangepicker();
      $('#daterange').on('apply.daterangepicker', function(ev, picker) {
        console.log(picker.startDate.format('YYYY-MM-DD'));
        console.log(picker.endDate.format('YYYY-MM-DD'));
});

}）;

我想添加自己的自定义事件，我选择日期startDate＆amp; endDate，然后我点击“显示按钮”而不是“应用”按钮，它应该显示结果。

请在下面的屏幕截图中找到

提前谢谢你：）