JSFiddle - React, Tailwind, and code Playground

by g30rg3

HTML

<script src="https://momentjs.com/downloads/moment-with-locales.min.js"></script>
<script src="https://momentjs.com/downloads/moment-timezone-with-data.min.js"></script>

CSS

td:first-child {
  text-align: right;
  
}

td{
  border-right: solid black thin;
  padding-left: 5px;
  padding-right:5px;
}

td:last-child {
  border-right: none;
}

JavaScript

var ETtimeZoneOffset = '-04:00';
var CTtimeZoneOffset = '-05:00';
var MTtimeZoneOffset = '-06:00';
var PTtimeZoneOffset = '-07:00';
 
 var mayEight = '2017-05-08T12:00:00Z';
 
var d = new Date(mayEight);

var etFormat = (d.toISOString().replace(/z/i, '')) + ETtimeZoneOffset;
var etNowTZ = new Date(etFormat);
var ctFormat = (d.toISOString().replace(/z/i, '')) + CTtimeZoneOffset;
var ctNowTZ = new Date(ctFormat);
var mtFormat = (d.toISOString().replace(/z/i, '')) + MTtimeZoneOffset;
var mtNowTZ = new Date(mtFormat);
var ptFormat = (d.toISOString().replace(/z/i, '')) + PTtimeZoneOffset;
var ptNowTZ = new Date(ptFormat);


var tableElement = document.createElement('table');
var tBodyElement = document.createElement('tbody');
tableElement.appendChild(tBodyElement);
document.body.appendChild(tableElement);

var makeRow = function(){
	return _makeRow.apply(this, [tBodyElement].concat([].slice.call(arguments)));
}

var makeDivider = function (){ 
		makeRow( '-------------', '----------------------------')
  };

makeRow('Test Date String', mayEight)
makeDivider();
makeRow( 'Browser Date', printDateTime(d));
makeRow( 'Browser Date to ISO', d.toISOString());

//makeRow('etFormat', etFormat);
//makeRow('etNowTZ', printDateTime(etNowTZ));
//makeRow('etNowTZ ISO', etNowTZ.toISOString());

//makeRow('ctFormat', ctFormat);
//makeRow('ctNowTZ', printDateTime(ctNowTZ));
//makeRow('ctNowTZ ISO', ctNowTZ.toISOString());

//makeRow('mtFormat', mtFormat);
//makeRow('mtNowTZ', printDateTime(mtNowTZ));
//makeRow('mtNowTZ ISO', mtNowTZ.toISOString());

//makeRow('ptFormat', ptFormat);
//makeRow('ptNowTZ', printDateTime(ptNowTZ));
//makeRow('ptNowTZ ISO', ptNowTZ.toISOString());

//moment.defaultFormat = moment.defaultFormatUtc = 'hh:mm:ss a Z';
var prettyFormat ='MM/DD/YY hh:mm:ss a';
var mme =  moment(mayEight);
makeDivider();
makeRow('moment("'+mayEight+'")', mme.format(), moment(mayEight).format(prettyFormat))
//makeRow('moment.utc("'+mayEight+'")', moment.utc(mayEight).format(),...