6

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

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

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

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

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

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

4

2 回答 2

2

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

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

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

于 2011-12-20T16:35:30.163 回答
0

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

于 2018-05-22T10:51:53.743 回答