javascript - 使用 Ember.js 创建时区下拉列表

Question

是否有任何 Ember.js 插件可以轻松创建时区下拉列表？例如，我正在考虑 Ember.TimezoneSelect View 。

如果没有，那我自己应该怎么做呢？

一种方法是在 App 中使用时区数组:App.timezones = [...]。然后在 View 中:{{view Ember.Select contentBinding="App.timezones"}}。有更好的解决方案吗？

或者我应该创建一个 TimezoneController，将 Select 绑定(bind)到它的属性之一，这样我以后就可以做一个 ajax 请求来获取所有时区，它会更新选择字段？

Answer 1

如果您谈论的是 IANA/Olson 时区 (see here) ，那么我会推荐一个下拉列表。数量如此之多，可能会让用户不知所措。选择正确的可能具有挑战性。基于 map 的时区选择器提供了更好的用户体验。 Here is one in Javascript that I use a lot.参见 here现场演示。

如果您谈论的是 Windows 时区，那么是的 - 您可以使用 Id 作为下拉列表，并将 DisplayName 作为值。

我认为您不会在这方面找到任何特定于 Ember 的东西，但我可能是错的。