jQuery toggleClass example

Toggle class name on click in jQuery

by dorathoto

HTML

<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.10/sorting/datetime-moment.js"></script>

<table id="TabelaListas" class="table table-hover dataTable table-striped table-bordered no-footer" >
	<thead>
		<tr>
			<th>ID</th>
			<th>Data Cadastro</th>
		</tr>
	</thead>
  
	<tbody>
		<tr>
			<td>
            1
         </td>
			<td>
            01/04/2020 14:49:24
         </td>
		</tr>
		<tr>
			<td>
            2
         </td>
			<td>
            01/04/2020 14:48:37
         </td>
		</tr>
		<tr>
			<td>
            3
         </td>
			<td>
            01/05/2020 14:25:16
         </td>
		</tr>
		<tr>
			<td>
            4
         </td>
			<td>
            01/05/2020 14:22:54
         </td>
		</tr>
		<tr>
			<td>
            5
         </td>
			<td>
            01/06/2020 13:31:22
         </td>
		</tr>
		<tr>
			<td>
            6
         </td>
			<td>
            01/06/2020 13:24:48
         </td>
		</tr>
		<tr>
			<td>
            19850
         </td>
			<td>
            02/04/2020 17:47:21
         </td>
		</tr>
		<tr>
			<td>
            19849
         </td>
			<td>
            05/06/2020 17:47:02
         </td>
		</tr>
		<tr>
			<td>
            19848
         </td>
			<td>
            05/06/2020 17:45:39
         </td>
		</tr>
		<tr>
			<td>
            19847
         </td>
			<td>
            05/06/2020 17:42:04
         </td>
		</tr>
		<tr>
			<td>
            19846
         </td>
			<td>
            05/06/2020 17:41:22
         </td>
		</tr>
		<tr>
			<td>
            19845
         </td>
			<td>
            05/06/2020 16:00:28
         </td>
		</tr>
		<tr>
			<td>
           ...

JavaScript

$(document).ready(function() {
   
   //com ou sem não faz diferença
   $.fn.dataTable.moment('DD/MM/YYYY HH:mm:ss');
    
    
    $('table').DataTable({
        "order": [
            [1, "desc"]
        ],
        "columns": [
       		 {"type": "number"},
           
           //tentativas
           //{"type": "date-eu","targets": [0],}
           //{"type": "date"}  //usando o moment
       		 {"type": "date-eu"}

        ]

    });
});