Bootstrap Table

by wenyi

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.24.0/moment.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/dist/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/dist/bootstrap-table.js"></script>
<div id="toolbar">
  <div class="form-inline" role="form">
    <div class="form-group">
      <span>From Date </span>
      <input name="date1" class="form-control w70" type="date" >
    </div>
    <div class="form-group">
      <span>To Date </span>
      <input name="date2" class="form-control w70" type="date">
    </div>
    <button id="ok" type="submit" class="btn btn-primary">OK</button>
  </div>
</div>    

<table id="table" data-toggle="table" data-toolbar="#toolbar" >
    <thead>
    <tr>
        <th data-field="ETA">Date</th>
        <th data-field="number">Number</th>
    </tr>
    
    </thead>
    <tbody>
    
    <tr id="tr-id-1" class="tr-class-1">
        <td id="td-id-1" class="td-class-1">2019-02-01</td>
        <td>0</td>
       </tr>
       
        <tr id="tr-id-2" class="tr-class-2">
        <td id="td-id-2" class="td-class-2">2019-02-02</td>
        <td>1</td>
       </tr>
       
        <tr id="tr-id-3" class="tr-class-3">
        <td id="td-id-3" class="td-class-3">2019-02-03</td>
        <td>2</td>
       </tr>
       
       
        <tr id="tr-id-4" class="tr-class-4">
        <td id="td-id-4" class="td-class-4">2019-02-04</td>
        <td>3</td>
       </tr>
       
       
        <tr id="tr-id-5" class="tr-class-5">
        <td id="td-id-5" class="td-class-5">2019-02-05</td>
        <td>4</td>
       </tr>
       
       
        <tr id="tr-id-6" class="tr-class-6">
        <td id="td-id-6" class="td-class-6">2019-02-06</td>
        <td>5</td>
       </tr>
       
        
        <tr id="tr-id-7" class="tr-class-7">
        <td id="td-id-7" class="td-class-7">2019-02-07</td>
        <td>6</td>
       </tr>
       
        
        <tr...

JavaScript

$(function() 
  {
    $('#table').bootstrapTable()
  }
  )
  
//Moment.JS Return Date Ranges
function getDates(startDate, stopDate) {
    var dateArray = [];
    var currentDate = moment(startDate);
    var stopDate = moment(stopDate);
    while (currentDate <= stopDate) {
        dateArray.push( moment(currentDate).format('YYYY-MM-DD'))
        currentDate = moment(currentDate).add(1, 'days');
    }
    return dateArray;
}
 
  
  $('#ok').click( function() 
  { 

    var $table = $('#table')
    var from=$("input[type=date][name=date1]" ).val();
    var to=$("input[type=date][name=date2]" ).val();
    $table.bootstrapTable('filterBy',{ ETA: getDates(from,to)}) 
		
    
 
})