jQuery toggleClass example

Toggle class name on click in jQuery

by veer_vin

HTML

<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/bootstrap-table.min.css">
<script src="https://unpkg.com/[email protected]/dist/bootstrap-table.min.js"></script>
<table
  id="table"
  data-toggle="table"
  data-sort-name="name"
  data-sort-order="desc" class="table table-bordered table-hover">
  <thead>
    <tr>
      <th data-field="date" data-sortable="true" data-sorter="datesSorter">date</th>
      <th>Item Name</th>
      <th>Item Price</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>11/07/2020</td>
      <td>Item 9</td>
      <td>$9</td>
    </tr>
    <tr>
      <td>31/09/2020</td>
      <td>Item 6</td>
      <td>$6</td>
    </tr>
    <tr>
      <td>22/07/2021</td>
      <td>Item 2</td>
      <td>$2</td>
    </tr>
    <tr>
      <td>15/06/20219</td>
      <td>Item 5</td>
      <td>$5</td>
    </tr>
  </tbody>
</table>

JavaScript

function datesSorter(a, b) {
	console.log("sdsd");
  if (new Date(a) < new Date(b)) return 1;
  if (new Date(a) > new Date(b)) return -1;
  return 0;
}