Question

我正在使用angular和fullcalendar。我有（惊讶）时区问题，我似乎无法做到正确。

如果在周视图中我点击了08.00小时，我打开一个模态并显示时间，我看到09.00小时。

timezone: "Europe/Brussels",
ignoreTimezone: false,

这是（atm）a +0100时区，夏季是+0200时区

点击事件：

dayClick: function (date, jsEvent, view) {

    $scope.newEventDate = date;

    var modalInstance = $modal.open({
        templateUrl: 'newRosterEvent',
        controller: 'NewEventModalController',
        backdrop: "true",
        resolve: {
            event: function () {
                       return $scope.newEventDate;
                   },
            stage: function () {
                       return $scope.stage;
                   }
            }
       });

显示时间：

stagewebApp.controller('NewEventModalController', ["$scope", "$modalInstance","$filter", "event", "stage", function ($scope, $modalInstance, $filter,event, stage) {

    $scope.stage = stage;

    $scope.day = new Date($filter('date')(event._d, "yyyy-MM-dd"));

    $scope.start = event.toDate();

    ....more code....
}

在这种情况下，$ scope.start显示点击的时间+1

所以似乎fullcalendar占用我点击的时间并将其转换为所选的时区，但我希望它将点击的时间解释为我所选择的时区。

显然我正在解决这个问题，那么这样做的正确方法是什么？（$scope.start应显示我点击的时间（最好是我的时区））。然后我将它发送到存储为UTC的服务器。

Answer 1

当前版本的FullCalendar广泛使用moment.js。您描述的问题来自于moment对象的不当使用。具体做法是：

$scope.start = event.toDate();

当您致电toDate时，您会收到一个常规的JavaScript Date对象 - 该对象将基于相同的UTC时刻，但始终会采取行为代码运行的时区。您有几个选择：

您可以将其保留为moment对象：
```
$scope.start = event;
```

您可以将其格式化为保留时区偏移的ISO字符串：

$scope.start = event.format(); // ex: '2015-03-04T08:00:00+01:00'

使用任一选项，您都需要按照$scope.start的用法进行操作，以期望moment或字符串，而不是{{ 1}}。

此外，在此代码中：

Date

您永远不应该直接访问$scope.day = new Date($filter('date')(event._d, "yyyy-MM-dd"));属性，因为可能会出现意外的副作用。考虑下划线表示＆＃34;内部＆＃34;。此外，由于时刻对象具有格式化功能，因此您不需要Angular的日期过滤器。相反，只需这样做：

_d

Fullcalendar错误的点击事件时间

1 个答案: