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

时间:2013-05-07 19:31:15

标签: javascript ember.js timezone

是否有任何Ember.js插件可以轻松创建时区下拉列表?我正在考虑Ember.TimezoneSelect视图。

如果没有,那我该怎么做呢?

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

或者我应该创建一个TimezoneController,将Select绑定到其中一个属性,以便稍后我可以执行ajax请求来获取所有时区,它会更新select字段吗?

2 个答案:

答案 0 :(得分:3)

如果您正在谈论IANA / Olson时区(see here),那么我建议您使用下拉列表。有这么多,对用户来说可能是压倒性的。选择合适的一个可能具有挑战性。基于地图的时区选择器提供更好的用户体验。 Here is one in Javascript that I use a lot.请参阅here了解实时演示。

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

我认为你不会在这方面找到任何关于Ember的内容,但我可能错了。

答案 1 :(得分:1)

我就这样做了

TimeZoneComponent = Ember.Select.extend

  content: [...]

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

https://gist.github.com/etozzato/ec6fdb6114a59dd04819

享受EmberJS;)