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

Question

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

由于有大约在平时的下拉菜单中列出的400个城市,我希望有人采取了同情可怜的用户,并配有一个更好的界面漂亮的UI控件之前,我创建一个自己.(我已经看到一些不错的网站示例使用地图来允许时区选择,但是它们在我的应用程序的页面上占用了太多的空间.)

虽然有几种方法可以列出除GMT偏移之外的时区,但我认为组织时区的最佳方法是使用带子菜单的分层下拉菜单.然后我将按大陆列出,然后按子菜单列出国家和主要城市以及可能不符合地理或夏令时规则的城市/地区例外情况.即MST的亚利桑那州和印第安纳州的一些城市.

小部件中包括能够记住用户的最后5个选项并将其显示在列表顶部.

该小部件还允许用户使用autosuggest进行键入(它将用户输入视为前缀,后缀和查询中的任何其他位置.在SQL术语中,它等同于:WHERE some_column_name LIKE%query%).他们的打字会提供一系列减少的选择,使得列表可以从更短的选择中进行选择.ie- CST将提供使用CST作为缩写的几个时区,-7将显示当前时区设置为GMT-7的城市列表,5.5将列出Inida的国家等.

如果有人知道接近匹配这个小部件,会好奇,知道他们得到他们的时区和夏令时的数据,因为有几个来源,并且数据总是被更新.

Answer 1

我认为 timepicker 的 github 上有一个有用的开发分支，这里有时区。

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

使用 jquery自动完成功能来通过有限的选项来滚动您自己的实现也不难。