angular-ui - Angular UI bootstrap timepicker 使用 new Date() 作为模型，如何优雅地包装它以向用户显示 UTC 时间？

Question

http://angular-ui.github.io/bootstrap/#/timepicker

Angular UI bootstrap timepicker 使用“new Date()”作为模型，如何优雅地包装它以向用户显示 UTC 时间？（new Date() 使用本地时区）

我正在使用 momentjs 来管理我的日期时间，但是当我将它绑定到这个指令时，它会将它转换为我的本地时区。

我试图避免在进入时添加时区偏移时间，并在离开时减去它们？我希望有更优雅或 Angular-y 的东西。

还是有更好的替代指令？

Answer 1

您可以尝试使用以下方法在模型上创建日期Date.UTC：

// controller
$scope.utcDate = new Date(Date.UTC(year, month, day, hour, minute, second));

<!-- view -->
<timepicker ng-model="utcDate"></timepicker>

未经测试，所以它可能不会工作。

或者，超长镜头，您可以尝试绑定到输出moment.utc()并希望获得最好的:-)。