javascript - 使用 Ember.js 创建时区下拉菜单

Question

是否有任何 Ember.js 插件可以轻松创建时区下拉菜单？例如，我正在考虑一个Ember.TimezoneSelect视图。

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

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

或者我应该创建一个 TimezoneController，将 Select 绑定到其属性之一，以便稍后我可以执行 ajax 请求来获取所有时区，并且它会更新选择字段？

score 3 · Accepted Answer

如果您谈论的是 IANA/Olson 时区（请参阅此处），那么我建议您不要使用下拉列表。有这么多，对用户来说可能是压倒性的。选择正确的可能具有挑战性。基于地图的时区选择器提供了更好的用户体验。这是我经常使用的 Javascript 中的一个。在这里查看现场演示。

如果您在谈论 Windows 时区，那么是的 - 您可以TimeZoneInfo.GetSystemTimeZones()使用Id作为下拉列表的键和DisplayName作为值返回列表。

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

score 1 · Accepted Answer

我就是这样做的

TimeZoneComponent = Ember.Select.extend

  content: [...]

扩展 Em.Select 视图，传递一组固定的选项！

享受 EmberJS ;)

2 回答 2