如何根据时区过滤日期?

时间:2016-10-29 17:48:33

标签: angularjs timezone angular-ui-bootstrap angular-filters

我需要更改来自服务器来回的时区,用户编辑日期。

<td>
    {{time | date:'shortTime':'+0500'}}                        
    <span uib-timepicker ng-model="time | date:'shortTime':'+0500'"></span>           
</td>

如何让用户在实际时间内在不同的时区编辑时间?

2 个答案:

答案 0 :(得分:0)

如果我理解正确,您只需要根据用户选择的方式以不同方式直观地显示时间。日期过滤器的格式为date:dateformat:timezone,因此您可以将时区绑定到变量。

{{time | date:'shortTime': selectedTimeZone}}

然后用:

选择该变量
<select name="timezoneSelector" ng-model="selectedTimeZone">
  <option value="CST">Central Standard Time</option>
  <option value="GMT">Greenwich Mean Time</option>
</select>

我使用的是时区代码,但您也可以使用偏移量代替&#39; + 0430&#39;将在格林威治子午线以东4小时30分钟显示。

答案 1 :(得分:0)

这可以通过修改模型选项

来完成
<span uib-timepicker ng-model="time" ng-model-options="{timezone: '+0500'}"></span>