JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-1.12.0.js"></script>
<script src="https://cdn.datatables.net/1.10.11/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.11/css/jquery.dataTables.min.css">
<table id="example" class="display" width="100%" style="align: center;">
<thead>
<tr>
<th>Name</th>
<th>Position</th>
<th>Office</th>
<th>Age</th>
<th>Hired Date</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>leah</td>
<td>programmer</td>
<td>sprobe</td>
<td>25</td>
<td>2016-02-16 13:42</td>
<td>10000</td>
</tr>
<tr>
<td>aj</td>
<td>programmer</td>
<td>sprobe</td>
<td>24</td>
<td>2016-02-18 14:16</td>
<td>10000</td>
</tr>
<tr>
<td>jonald</td>
<td>data analyst</td>
<td>accenture</td>
<td>27</td>
<td>2016-02-19 13:42</td>
<td>10000</td>
</tr>
<tr>
<td>rey</td>
<td>programmer</td>
<td>elements</td>
<td>32</td>
<td>2016-02-17 13:42</td>
<td>10000</td>
</tr>
<tr>
<td>melanie</td>
<td>data analyst</td>
<td>accenture</td>
<td>26</td>
<td>2016-02-18 13:42</td>
<td>10000</td>
</tr>
<tr>
<td>ghelle</td>
<td>data analyst</td>
<td>accenture</td>
<td>25</td>
<td>2016-02-19 13:42</td>
<td>10000</td>
</tr>
</tbody>
</table>
JavaScript
$(document).ready(function() {
$('#example').DataTable( {
//instead for searching a string in sSearch, is it posible for a date range.?
'searchCols': [
null,
null,
null,
null,
{ 'sSearch': '2016-02-18 13:42' },
null
]
} );
} );