angularjs - 如何在 Angular 中控制日期过滤器的时区输出？

Question

假设我有一个对象保存到 $scope.person如下:

{name:"John",birthday:1381227352421}

为了保持清洁和通用，服务器将所有日期/时间戳从纪元保持为通用。

当我显示对象时，我希望能够做到

<span>{{ person.birthday | date }}</span>

以上在显示浏览器本地日期/时间时效果很好，但我希望它是用户控制的，或者我有不同的对象，每个对象都需要显示不同的时间。

我如何控制 date过滤器以便它针对特定时区呈现？

编辑:根据要求，进一步解释。我希望能够做类似的事情

<span>{{ person.birthday | date:'tz-'mytime }}</span>

然后我可以有一个下拉菜单，用户可以在其中选择“EDT”或“UTC”或“PST”等。当他们这样做时，1381227352421 的日期会显示在适当的时区中。

Answer 1

我要做的是实现一个自定义指令。正如您所说，您希望有一个选择框/下拉菜单，用户可以在其中选择其最喜欢的时区。这是 DOM 操作，对吧？在 AngularJS 中，DOM 操作应该始终在指令中完成。

一个看起来像这样的指令:

<timezonechooser data='birth'></timezonechooser>

这是一个简单的 fiddle : http://jsfiddle.net/Bm2Mh/