Question

以下情况：

我的表单中包含input[date]字段。我通过以下代码转换值：

$scope.entity.date = $filter('date')($scope.entity.date, 'yyyy-MM-dd');

这正确地将日期格式化为例如2015-10-27

当我使用$http.post提交实体时，angular似乎将此视为日期并将其重新格式化为2015-09-30T23:00:00.000Z。我在德国，我们有GMT + 1。因此，角度将日期转换为GMT。有没有办法禁用这种行为？

修改

HTML码：

<form ng-submit="submit()">
  <input type="date" ng-model="entity.date" />
</form>

JS-代码：

$scope.submit = function() {
  $scope.entity.date = $filter('date')($scope.entity.date, 'yyyy-MM-dd');

  // when debugging this is the point where $scope.entity.date is 2015-10-27
  // so it is the format and date I expect

  $http({
    data: $scope.entity,
    method: POST,
    url: '/resource'
  })
    .success(function(data) {
      // do some stuff
    });

  // when looking into network traffic the request was sent with
  // 2015-09-30T23:00:00.000Z as value for $scope.entity.date
};

Answer 1

您正在更改帖子上的模型值。由于您的输入类型是日期，因此它会被更改回来。这不是一个好主意，因为实际的表单元素只会在您发布后更改值。

任何时候你需要在保存之前操纵你的对象，这是一个创建对象副本的好主意。这样它就会按照您的预期行事。

var entity = angular.copy($scope.entity);

然后发布本地副本，你应该很好。

 $http({
    data: entity,
    method: POST,
    url: '/resource'
  })

Angular $ http POST更改日期格式

1 个答案: