JSFiddle - React, Tailwind, and code Playground

by ThomasH

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.31/moment-timezone-with-data-10-year-range.js" integrity="sha256-lqVWK3v4e+eo0wiWSghm8eW63Peo0cqpEkJRb0sPFK4=" crossorigin="anonymous"></script>

<div id="dateDisplay">date display</div>
<br />
<div id="guessTimezone">guessed timezone</div>
<br />
<div id="currentTime">currentTime</div>
<br />
<div id="getOffsetForAmericaNewYork">offset america/new_york</div>
<br />
<div id="usaTimezones">USA timezones</div>
<br />
<div id="allTimezones">all timezones</div>
<br />
<div id="utcFilter">UTCFilter</div>
<br />

JavaScript

var now = moment();
document.getElementById("dateDisplay").innerHTML = now.format('MMM D h:mm') + ' ' + now.tz('America/New_York').format('zz');

document.getElementById("guessTimezone").innerHTML = moment.tz.guess();

document.getElementById("usaTimezones").innerHTML = moment.tz.zonesForCountry('US').join("<br />");

document.getElementById("allTimezones").innerHTML = moment.tz.names().filter(function(value) {
  return value.startsWith('America/');
}).join("<br />");

document.getElementById("utcFilter").innerHTML = now.subtract(3, 'hours').format() + ',' + now.add(90, 'days').format();