title: Display time zone code for users
body: <p>Have a site for training webex events. Our company is located in several different timezones. In the past everything has been converted to Pacific time (where we are headquartered). Trying to focus more on user experience and make things more local and less about HQ.</p>
  
  <p>So all the times are shown in local time, but this is now confusing users because they don't expect it. I'd like to add three letter initials (PST, CMT, EST, HAST or HST, etc.)</p>
  
  <p>As I'm looking into this I'm keep getting referred back to moment timezone. We are already using moment for other date/time stuff, so that would be awesome.</p>
  
  <p>But all the timezone examples are like this:</p>
  
  <pre><code>moment.tz([2012, 0], 'America/New_York').format('z'); // EST
  </code></pre>
  
  <p>Basically it seems like you already need to know what timezone the user is in. If I already knew what timezone they were in I wouldn't need moment to tell me. Also the <a href="http://momentjs.com/timezone/docs/#/using-timezones/default-timezone/" rel="nofollow noreferrer">documentation says</a>:</p>
  
  <blockquote>
    <p>...By default, moment objects are created in the local time zone.... </p>
  </blockquote>
  
  <p>I'm located in Portland, Oregon, javascript <strong>new Date()</strong> shows (PST) (in Chrome at least), but <strong>moment.tz().zoneAbbr()</strong> is UTC, so clearly not my local time zone.</p>
  
  <p>I found <a href="https://stackoverflow.com/questions/1954397/detect-timezone-abbreviation-using-javascript">this thread</a> that recommends using <strong>jsTimezoneDetect</strong>.</p>
  
  <pre><code>moment.tz(new Date(), jstz.determine().name()).format('z')
  </code></pre>
  
  <p>I understand why this is a complex thing given locations around the world and different daylight savings schemes. But I have to wonder -- am I missing something? Is there some easier way to do this?</p>