Timezones of the World, Organized by Continent
I needed a timezone selector for our application. I searched high and low for something out-of-the-box and there wasn't anything that really did what I was after, so I made this one. Lo and behold, when I started implementing it in our application, it was the wrong solution, so rather than scrap it, I am sharing it with the world. Feel free to use this however you see fit.
by ritcheyer
HTML
<select>
<optgroup label="North America">
<option data-gmtadjustment="GMT-03:00" data-useddaylighttime="1" value="-0300">(GMT-03:00) Greenland — Greenland Standard Time </option>
<option data-gmtadjustment="GMT-03:30" data-useddaylighttime="1" value="-0330">(GMT-03:30) Newfoundland — Newfoundland Standard Time </option>
<option data-gmtadjustment="GMT-04:00" data-useddaylighttime="1" value="-0400">(GMT-04:00) Atlantic Time (Canada) — Atlantic Standard Time </option>
<option data-gmtadjustment="GMT-05:00" data-useddaylighttime="1" value="-0500">(GMT-05:00) Eastern Time (US & Canada) — Eastern Standard Time </option>
<option data-gmtadjustment="GMT-05:00" data-useddaylighttime="1" value="-0500">(GMT-05:00) Indiana (East) — US Eastern Standard Time </option>
<option data-gmtadjustment="GMT-06:00" data-useddaylighttime="1" value="-0600">(GMT-06:00) Central Time (US & Canada) — Central Standard Time </option>
<option data-gmtadjustment="GMT-06:00" data-useddaylighttime="0" value="-0600">(GMT-06:00) Saskatchewan — Canada Central Standard Time </option>
<option data-gmtadjustment="GMT-07:00" data-useddaylighttime="1" value="-0700">(GMT-07:00) Mountain Time (US & Canada) — Mountain Standard Time </option>
<option data-gmtadjustment="GMT-07:00" data-useddaylighttime="0" value="-0700">(GMT-07:00) Arizona — US Mountain Standard Time </option>
<option data-gmtadjustment="GMT-08:00" data-useddaylighttime="1" value="-0800" selected>(GMT-08:00) Pacific Time (US & Canada) — Pacific Standard Time </option>
<option data-gmtadjustment="GMT-09:00" data-useddaylighttime="1" value="-0900">(GMT-09:00) Alaska — Alaskan Standard Time </option>
<option data-gmtadjustment="GMT-10:00" data-useddaylighttime="0" value="-1000">(GMT-10:00) Hawaii — Hawaiian Standard Time </option>
</optgroup>
<optgroup label="Central & South America">
<option data-gmtadjustment="GMT-03:00"...