DataTables

DataTables Examples

HTML

<link rel="stylesheet" href="https://cdn.datatables.net/v/dt/dt-1.10.21/datatables.min.css">
<script src="https://cdn.datatables.net/v/dt/dt-1.10.21/datatables.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="//cdn.datatables.net/plug-ins/1.10.21/sorting/datetime-moment.js"></script>
<table id="table">
    <thead>
    <th>Range</th>
    </thead>
    <tbody>
    <tr>
        <td>30.04.2020 22:00-23:00</td>
    </tr>
    <tr>
        <td>30.04.2020 23:00-00:00</td>
    </tr>
    <tr>
        <td>01.05.2020 00:00-01:00</td>
    </tr>
    <tr>
        <td>01.05.2020 01:00-02:00</td>
    </tr>
    </tbody>
</table>

JavaScript

$.fn.dataTable.moment('DD.MM.YYYY HH:mm');
$('#table').dataTable({
	columnDefs: [
  	{
      targets: 0,
    	render: function (data, type, row) {
      	if (type === 'sort') {
          console.log(moment(data, 'DD.MM.YYYY HH:mm-ss:ss').format('DD.MM.YYYY HH:mm'))
        	return moment(data, 'DD.MM.YYYY HH:mm-ss:ss').format('DD.MM.YYYY HH:mm')
        }
        return data;
      }
    }
  ]
});