Question

作为json的回复，我得到了UTC时区。我需要将其转换为当地时间。

<span class="text-muted">{{trans.txnDate}}</span>

任何人都可以帮忙吗???

谢谢..

Answer 1

我只需要解决这个问题以及来自.NET Web API的日期，格式为'yyyy-MM-ddTHH：mm：ss'（例如2016-02-23T00：11：31），而不是'Z '后缀表示UTC时间。

我创建了这个扩展角度日期过滤器的过滤器，并确保UTC时间包含时区后缀。

UTC到本地过滤器：

['Ace of Diamonds', 'Seven of Hearts', 'Ten of Hearts', 'Nine of Diamonds']

使用示例：

(function () {
    'use strict';

    angular
        .module('app')
        .filter('utcToLocal', utcToLocal);

    function utcToLocal($filter) {
        return function (utcDateString, format) {
            if (!utcDateString) {
                return;
            }

            // append 'Z' to the date string to indicate UTC time if the timezone isn't already specified
            if (utcDateString.indexOf('Z') === -1 && utcDateString.indexOf('+') === -1) {
                utcDateString += 'Z';
            }

            return $filter('date')(utcDateString, format);
        };
    }
})();

Answer 2

编辑（2017年1月2日）：请参考@Jason的答案，它比这个更好，因为它使用自定义过滤器来修复日期格式 - 这是更加Angular的方式。 < / p>

我的原始答案和修改：

您可以使用date过滤器格式化日期：

<span class="text-muted">{{trans.txnDate | date:'yyyy-MM-dd HH:mm:ss Z' }}</span>

这将输出：

2010-10-29 09:10:23 +0530

（假设trans.txnDate = 1288323623006;）

See this documentation of date in angularjs.org。它有很多非常有用的例子！

修改

在回复您的评论时，请使用以下内容将日期设为17 oct 2014：

<span class="text-muted">{{trans.txnDate | date:'dd MMM yyyy' | lowercase }}</span>

查看我上面提到的文档链接。

<强> EDIT2：

要回复您的其他评论，请使用以下代码。问题是您获取的字符串格式不正确，因此Date对象无法识别它。我已将其格式化在控制器中，然后传递给视图。

function MyCtrl($scope) { var dateString = "2014:10:17T18:30:00Z"; dateString = dateString.replace(/:/, '-'); // replaces first ":" character dateString = dateString.replace(/:/, '-'); // replaces second ":" character $scope.date = new Date(dateString); }

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app ng-controller="MyCtrl"> {{date | date:'dd MMM yyyy' | lowercase }} </div>

可以通过找到一种更智能的方法来替换前两次:个字符来改进替换的JS代码。

Answer 3

我有同样的问题。 AngularJs的日期过滤器没有发现字符串是UTC格式，但JavaScript Date对象确实如此。所以我在Controller中创建了一个简单的函数：

$scope.dateOf = function(utcDateStr) {
    return new Date(utcDateStr);
}

然后使用类似的东西：

{{ dateOf(trans.txnDate) | date: 'yyyy-MM-dd HH:mm:ss Z'  }}

以本地时区显示日期/时间

Answer 4

我有同样的问题。答案下方

{{trans.txnDate | date:'yyyy-MM-dd HH:mm:ss Z':'+0530' }} 
//You can also set '+0000' or another UTX timezome

使用angularjs将UTC转换为本地时间

4 个答案: