JSFiddle - React, Tailwind, and code Playground

by Laurie

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.6.0/moment.min.js"></script>
<script src="http://momentjs.com/downloads/moment-timezone-with-data-2010-2020.min.js"></script>
<span class="location" data-tz="Africa/Tripoli">Tripoli: </span><br />
<span class="location" data-tz="Europe/London">London: </span><br />
<span class="location" data-tz="America/Edmonton">Calgary: </span><br /><br/>
<span class="location" data-tz="America/New York">New York: </span><br />
<span class="location" data-tz="America/Chicago">Chicago: </span><br />
<span class="location" data-tz="America/Pasadena">Pasadena: </span><br />
<span class="location" data-tz="Asia/Tokyo">Tokyo: </span><br />

JavaScript

$(function(){
    $('.location').each(function() {
        var timeZone = $(this).data('tz');
        
        var now = moment().tz(timeZone).format('ddd MMM D YYYY, h:mm a');
        $(this).append( now );
        
    });
});