Format TimeBlocks

Format TimeBlocks

by Andrew Gerst

HTML

<script src="https://momentjs.com/downloads/moment.js"></script>
<script src="https://momentjs.com/downloads/moment-timezone-with-data-1970-2030.min.js"></script>
<pre id="content"></pre>

JavaScript

// Moment JS - Formatting Guide: http://momentjs.com/docs/#/parsing/string-format/

const customTimezone = ['America/Los_Angeles', 'US/Mountain', 'US/Central', 'US/Eastern', 'America/Chicago', 'America/New_York', 'Europe/London'][3];
const dateFormat = 'MM/DD/YYYY h:mm a - dddd';

const timeblocks = [
  {
    "entry": {
      "startTime": "2020-01-11T14:00:00.000Z",
      "endTime": "2020-01-12T05:00:00.000Z"
    },
    "exit": {
      "startTime": "2020-01-11T14:00:00.000Z",
      "endTime": "2020-01-12T05:00:00.000Z"
    }
  },
  {
    "entry": {
      "startTime": "2020-01-05T14:00:00.000Z",
      "endTime": "2020-01-06T03:00:00.000Z"
    },
    "exit": {
      "startTime": "2020-01-05T14:00:00.000Z",
      "endTime": "2020-01-06T03:00:00.000Z"
    }
  },
  {
    "entry": {
      "startTime": "2020-01-06T03:00:00.000Z",
      "endTime": "2020-01-06T23:00:00.000Z"
    },
    "exit": {
      "startTime": "2020-01-06T03:00:00.000Z",
      "endTime": "2020-01-06T23:15:00.000Z"
    }
  },
  {
    "entry": {
      "startTime": "2020-01-07T03:00:00.000Z",
      "endTime": "2020-01-07T23:00:00.000Z"
    },
    "exit": {
      "startTime": "2020-01-07T03:00:00.000Z",
      "endTime": "2020-01-07T23:15:00.000Z"
    }
  },
  {
    "entry": {
      "startTime": "2020-01-08T03:00:00.000Z",
      "endTime": "2020-01-08T23:00:00.000Z"
    },
    "exit": {
      "startTime": "2020-01-08T03:00:00.000Z",
      "endTime": "2020-01-08T23:15:00.000Z"
    }
  },
  {
    "entry": {
      "startTime": "2020-01-09T03:00:00.000Z",
      "endTime": "2020-01-09T23:00:00.000Z"
    },
    "exit": {
      "startTime": "2020-01-09T03:00:00.000Z",
      "endTime": "2020-01-09T23:15:00.000Z"
    }
  },
  {
    "entry": {
      "startTime": "2020-01-10T03:00:00.000Z",
      "endTime": "2020-01-10T23:00:00.000Z"
    },
    "exit": {
      "startTime": "2020-01-10T03:00:00.000Z",
      "endTime": "2020-01-10T23:15:00.000Z"
    }
  }
];

document.getElementById('content').innerText =...