1

ブートストラップ日付範囲ピッカー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 と endDate を選択し、[適用] ボタンの代わりに [ボタンを表示] をクリックすると、結果が表示されます。

以下のスクリーンショットを見つけてください ここに画像の説明を入力

前もって感謝します ：）

4

0 に答える 0