Bootstrap Table

by jimkennelly

HTML

<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/dist/bootstrap-table.js"></script>
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/dist/bootstrap-table.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js" integrity="sha512-hUhvpC5f8cgc04OZb55j0KNGh4eh7dLxd/dPSJ5VyzqDWxsayYbojWyl5Tkcgrmb/RVKCRJI1jNlRbVP4WWC4w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


<table id="table">
    <thead>
    <tr>
        <th data-field="standardTime" data-formatter="formatStandardTime_DAY">standard</th>
        <th data-field="standardTime" data-formatter="formatStandardTime_YEAR_HOUR">standard</th>
        <th data-field="daylightSavingsTime">daylightSavingsTime</th>
        <th data-field="iso8601Time">iso8601Time</th>
        <th data-field="zuluOffsetTime">zuluOffsetTime</th>
        <th data-field="iso8601CentralStandardTime">iso8601CentralStandardTime</th>
    </tr>
    </thead>
</table>

JavaScript

var times = [
  {
    "standardTime": "2024-01-14 09:47:34",
    "daylightSavingsTime": "2024-07-14 08:47:34",
    "iso8601Time": "2024-01-14T15:47:34.000Z",
    "zuluOffsetTime": "2024-01-14T09:47:34-06:00",
    "iso8601CentralStandardTime": "2024-01-14T09:47:34-06:00" 
  },
  {
    "standardTime": "2023-12-31 23:59:59",
    "daylightSavingsTime": "2024-06-30 23:59:59",
    "iso8601Time": "2024-01-01T05:59:59.000Z",
    "zuluOffsetTime": "2023-12-31T23:59:59-06:00",
    "iso8601CentralStandardTime": "2023-12-31T23:59:59-06:00"
  }
]


$(function () {
    $('#table').bootstrapTable({
        data: times
    });
});
function formatStandardTime_DAY(value,row,item){
return moment(value).format('dddd');

}

function formatStandardTime_YEAR_HOUR(value,row,item){
return moment(value).format('YYYY HH');

}