AngularJS 在 PDT/PST 中显示时间

Question

使用 ng-model-options或 date是否可以设置时区以自动调整夏令时(即根据值在 PST 和 PDT 之间切换)？

例如:

<input type="date" ng-model="order.scheduled" ng-model-options="{ timezone: 'PST' }" />
<input type="time" ng-model="order.scheduled" ng-model-options="{ timezone: 'PST' }" />

仅在时间落入标准时间(非夏令时)时有效。

Answer 1

我想你在这里需要 moment.tz 和一个辅助函数。奇怪的是，这不是 Angular 内置的:

// eg. getOffset(new Date, 'America/Los_Angeles') => '-0700'
// (date: Date, timezone: String): String
scope.getOffset = function (date, timezone) {
  return moment
    .tz(date, timezone)
    .format('Z')
    .replace(':', '')
}

...
<input
  type="time"
  ng-model="order.scheduled"
  ng-model-options="{
    timezone: getOffset(order.scheduled, 'America/Los_Angeles')
  }"
/>