私は、social-calendar / event-router Webアプリに含めることができるjavascript（できればjQuery）タイムゾーンチューザー/ピッカー/コントロールウィジェットを探していました。
通常のドロップダウンメニューには約400の都市がリストされているので、自分で作成する前に、誰かが貧しいユーザーを憐れんで、より優れたインターフェイスを備えた優れたUIウィジェットを提供してくれることを期待していました。（タイムゾーンの選択を可能にするためにマップを使用するいくつかの素晴らしいWebサイトの例を見てきましたが、それらは私のアプリのページであまりにも多くのスペースを占有します。）
GMTオフセットだけでなく、タイムゾーンを一覧表示する方法はいくつかありますが、タイムゾーンを整理する最良の方法は、サブメニューを備えた階層型ドロップダウンメニューを使用することだと思います。次に、大陸ごとに一覧表示し、次にサブメニューを表示して、国と主要都市の両方、および地理的または夏時間の規則に従わない都市/地域の例外を一覧表示します。つまり、MSTのアリゾナとCSTのインディアナのいくつかの都市です。
ウィジェットに含まれるのは、ユーザーの最後の5つの選択肢を記憶し、それらをリストの一番上に表示する機能です。
ウィジェットを使用すると、ユーザーはオートサジェストを使用して入力することもできます（これにより、ユーザー入力はプレフィックス、サフィックス、およびクエリ内の他の場所と見なされます。SQL用語では、WHERE some_column_name LIKE％query％と同じです）。それらのタイピングは選択肢のセットを減らし、リストをはるかに短くします。つまり、CSTはCSTを省略形として使用するいくつかのタイムゾーンを表示し、-7は現在のタイムゾーンがGMT-7に設定されている都市のリストを表示し、5.5はイニダの国をリストします。
誰かがこれに近いウィジェットを知っている場合、いくつかのソースがあり、データは常に更新されているため、タイムゾーンとDSTデータをどこで取得しているかを知りたいと思うでしょう。