JSFiddle - React, Tailwind, and code Playground

by NibblyPig

HTML

<script src="https://cdn.datatables.net/1.10.18/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.18/css/jquery.dataTables.min.css">
<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script src="https://cdn.datatables.net/plug-ins/1.10.19/sorting/datetime-moment.js"></script>
<table class='display dataTable' id="myTable">
  <thead>
    <tr>
      <th>Name</th>
      <th class='sorting'>Date</th>
    </tr>
  </thead>
  <tr>
    <td>Simon</td>
    <td>04/01/2019 19:03:19</td>
  </tr>
  <tr>
    <td>Simon</td>
    <td>06/02/2019 19:03:19</td>
  </tr>
  <tr>
    <td>Simon</td>
    <td>01/03/2019 19:03:19</td>
  </tr>
  <tr>
    <td>Simon</td>
    <td>12/02/2019 19:03:19</td>
  </tr>
</table>

JavaScript

$(document).ready(function() {
  $.fn.dataTable.moment('DD/MM/YYYY HH:mm:ss');
  $('#myTable').DataTable({
  	columnDefs:[
    {
    	targets:1, 
      render:function(data) {
      return moment(data, 'DD/MM/YYYY HH:mm:ss', false).format('dddd, MMMM D, YYYY h:mm A');
    	}
    }]
  
  });
});