JSFiddle - React, Tailwind, and code Playground
HTML
<div class="row search-row">
<button id="searchTerm" onclick="doSearch('23-10-2014','26-10-2014')"> SEARCH<button/>
</div>
<table class="" id="dataTable">
<thead>
<tr><th class='text-center'>Date</th> </tr>
</thead>
<tbody>
<tr><td class='text-center'>25-11-2014</td> </tr>
<tr><td class='text-center'>26-10-2014</td> </tr>
<tr><td class='text-center'>26-21-2014</td> </tr>
<tr><td class='text-center'>24-23-2014</td> </tr>
<tr><td class='text-center'>24-12-2014</td> </tr>
<tr><td class='text-center'>23-10-2014</td> </tr>
<tr><td class='text-center'>26-08-2014</td> </tr>
<tr><td class='text-center'>22-11-2014</td> </tr>
<tr><td class='text-center'>26-11-2014</td> </tr>
<tr><td class='text-center'>09-11-2014</td> </tr>
<tr><td class='text-center'>21-09-2014</td> </tr>
...
JavaScript
function doSearch(fr,t) {
var d1 = fr.split("-");
var d2 = t.split("-");
var from = new Date(d1[2], d1[1]-1, d1[0]);
var to = new Date(d2[2], d2[1]-1, d2[0]);
var targetTable = document.getElementById('dataTable');
var targetTableColCount;
for (var rowIndex = 0; rowIndex < targetTable.rows.length; rowIndex++) {
var rowData = [];
if (rowIndex == 0) {
targetTableColCount = targetTable.rows.item(rowIndex).cells.length;
continue;
}
for (var colIndex = 0; colIndex < targetTableColCount; colIndex++) {
rowData.push(targetTable.rows.item(rowIndex).cells.item(colIndex).textContent);
}
for(var i=0;i<rowData.length;i++){
var c = rowData[i].split("-");
var check = new Date(c[2], c[1]-1, c[0]);
if ((check >= from) && (check <= to))
targetTable.rows.item(rowIndex).style.display = 'table-row';
else
targetTable.rows.item(rowIndex).style.display = 'none';
}
}
}