user-interface - 寻找 js(也许是 jQuery)时区(仅)控制 UI 小部件

Question

我一直在寻找一个 javascript(希望是 jQuery)时区选择器/选择器/控制小部件，我可以将它包含在我的社交日历/事件路由器 Web 应用程序中。

鉴于通常的下拉菜单中列出了大约 400 个城市，我希望有人同情可怜的用户，并在我自己创建之前提供了一个具有更好界面的漂亮 UI 小部件。 (我看过一些不错的网站示例，它们使用 map 来允许选择时区，但它们在我的应用程序页面上占用了太多空间。)

虽然除了 GMT 偏移量之外，还有多种列出时区的方法，但我认为组织时区的最佳方法是使用带有子菜单的分层下拉菜单。然后我会按大洲列出，然后列出国家和主要城市以及不遵循地理或夏令时规则的城市/地区异常(exception)的子菜单。即 MST 的亚利桑那州和 CST 的印第安纳州的一些城市。

包含在小部件中的是能够记住用户的最后 5 个选择并将它们显示在列表的顶部。

该小部件还允许用户使用自动建议(它将用户输入视为前缀、后缀和查询中的任何其他位置。这在 SQL 术语中相当于说:WHERE some_column_name LIKE %query%)。他们的打字将提供一组减少的选择，从而使可供选择的列表更短。即- CST 将显示使用 CST 作为缩写的几个时区，-7 将显示当前时区设置为 GMT-7 的城市列表，5.5 将列出 Inida 的国家，等等。

如果有人知道接近匹配的小部件，会很好奇他们从哪里获取时区和 DST 数据，因为有多个来源并且数据总是在更新。

Answer 1

我认为 timepicker 的 github 上有一个有用的 dev 分支，时区 here .

至于有限的输入集，我真的很喜欢timepickr ，但它仍然需要一个时区。我不确定您打算如何将此字段提交到数据库，但您可以只为时区设置一个相邻的文本框字段并将其与 jquery autocomplete 联系起来。对于时区，这会很好，因为如果您将它们一起放在文本标签中，它们可以过滤掉时区的长和缩写。

使用 jquery 也不难 autocomplete使用有限的选项推出您自己的实现。