寻找 js（可能是 jQuery）时区（仅限）控制 UI 小部件

Posted 2023-02-25

【中文标题】寻找 js（可能是 jQuery）时区（仅限）控制 UI 小部件

【英文标题】：Looking for js (perhaps jQuery) timezone (only) control UI widget

【发布时间】：2011-05-21 00:56:57

【问题描述】：

我一直在寻找可以包含在我的社交日历/事件路由器网络应用程序中的 javascript（希望是 jQuery）时区选择器/选择器/控制小部件。

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

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

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

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

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

【参考方案1】：

我认为时间选择器的 github 上有一个有用的开发分支，时区为 here。

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

使用 jquery autocomplete 在有限的选项下滚动您自己的实现也不难。

【参考方案2】：

我在这里创建并 LGPL 精确地创建了这样一个小部件（jQuery 插件）：https://github.com/peterjtracey/timezoneWidget - 它具有相应的 php 代码，可以动态生成时区数据，以便考虑夏令时并轻松存储数据库值可用服务器- 侧面。

【讨论】：

好吧，更仔细地阅读您的要求，而不是完全这样的小部件，但我的可以轻松扩展以满足您的要求。