为什么角度日期过滤器增加2小时

Question

我在angular js中创建了一个持续时间计时器，使用angular‘date’过滤器。由于某些原因，小时部分以"2"而不是"0"开头。

我正在使用像这样的过滤器

 {{runningDuration | date:'HH:mm:ss'}}  

http://jsfiddle.net/rpg2kill/vNdpu/

我做错了什么？

Answer 1

这是因为您想要格式化日期，但将日期之间的差作为整数传递给它。Angular然后假设您想要new Date(runningDuration)。

您可以使用过滤器将日期转换为utc（这可能需要更多的角大小写处理，而不仅仅是数字和日期）。演示

JS

myApp.filter('utc', [function() {
    return function(date) {
      if(angular.isNumber(date)) {
        date = new Date(date);
      }
      return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(),  date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds());
    }   
  } ]);

HTML

{{runningDuration | utc | date:'HH:mm:ss'}}