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

时间:2014-12-01 10:51:31

标签: javascript jquery twitter-bootstrap datepicker bootstrap-datetimepicker

我正在使用引导日期范围选择器https://github.com/dangrossman/bootstrap-daterangepicker。 当我选择日期范围&然后我点击“应用按钮”,它将调用“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,然后我点击“显示按钮”而不是“应用”按钮,它应该显示结果。

请在下面的屏幕截图中找到 enter image description here

提前谢谢你:)

0 个答案:

没有答案