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

你看过角矩吗？

Answer 2

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

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

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

这是一个简单的小提琴：http: //jsfiddle.net/Bm2Mh/