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

Create a timezone dropdown with Ember.js

本文关键字：一个 时区 下拉列表 Ember js 创建      更新时间：2023-09-26

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

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

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

或者我应该创建一个TimezoneController，将Select绑定到它的一个属性，这样我以后就可以通过ajax请求获得所有时区，它会更新Select字段?

如果您谈论的是IANA/Olson时区(见这里)，那么我建议不要使用下拉列表。有这么多，它可以压倒用户。选择一个正确的可能是一个挑战。基于地图的时区选择器提供了更好的用户体验。这里有一个我经常使用的Javascript。

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

我不认为你会发现烬在这方面有什么特别的，但我可能是错的。

我是这样做的

TimeZoneComponent = Ember.Select.extend
  content: [...]

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

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

享受EmberJS;)

相关文章：