Как управлять выходом часового пояса фильтра даты в Угловом?

Question

Давайте предположим, что у меня есть объект, сохраненный на $scope.person следующим образом:

{name:"John",birthday:1381227352421} 

Для того, чтобы сохранить в чистоте и универсальный, сервер хранит все штампы даты/времени, как универсальный от эпохи.

Когда я отображение объекта, я хочу, чтобы иметь возможность сделать

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

Вышеизложенными прекрасно работает в представлении браузера местной даты/времени, но я хочу это контролируемый пользователь, или, возможно, У меня разные объекты, каждый из которых нуждается в другом времени.

Как я могу управлять фильтром date, чтобы он отображался для определенных часовых поясов?

EDIT: в соответствии с просьбой, дальнейшие пояснения. Я хочу быть в состоянии сделать что-то вроде

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

Тогда я могу тянуть вниз, когда пользователь выбирает «EDT» или «UTC» или «PST» и т.д. Когда они делают, дата 1381227352421 является представленный в соответствующем часовом поясе.

Answer 1

Что бы я сделал, это реализовать пользовательскую директиву. Как вы сказали, вы хотели бы иметь selectbox/dropldown, где пользователь выбирает свой любимый часовой пояс. Это манипуляция DOM, верно? И манипуляции DOM в AngularJS всегда должны выполняться в директиве.

директива, которая будет выглядеть так:

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

Вот простой Fiddle: http://jsfiddle.net/Bm2Mh/

Answer 2

Вы смотрели на angular-moment?