如何显示的时区的名称，而不是偏移

问题描述：

我能够在HTML中显示的时区，使用下面的代码偏移量：如何显示的时区的名称，而不是偏移

<span class="match-date"> 
    {{match.match_date | date:'fullDate'}} at {{match.match_date | date:'shortTime'}} {{match.match_date | date:'Z'}} 
</span>

导致：

Saturday, October 22, 2016 at 5:00 PM -0500

不过我

Saturday, October 22, 2016 at 5:00 PM CDT

我怎样才能伴奏：希望它有偏移的样子时区名称，而不是显示这是什么？

你应该使用'moment'它，通过'http：// momentjs.com/docs /＃/ displays/format /' – Sravan

你的约会怎么样？ – Sajeetharan

我也会像Sravan一样建议moment.js。如果你不想要这种依赖性，你可以保留你自己的偏移量数组并做一个简单的字符串替换？ https://en.wikipedia.org/wiki/List_of_time_zone_abbreviations – Luke

答

下面是使用角动量的答案，

var app = angular.module('app', ['angularMoment']); 
 

 
app.controller('TestCtrl', function($scope, $timeout) { 
 
    $scope.obj = { 
 
    dateStr: "2013-10-02T23:28:37+0000" 
 
    }; 
 
    
 
    $scope.timezone= /\((.*)\)/.exec(new Date($scope.obj.dateStr).toString())[1]; 
 
    
 
    console.log("moment", $scope.obj.dateStr, moment($scope.obj.dateStr)); 
 
    
 
    
 
    
 
    
 
});

<!DOCTYPE html> 
 
<html> 
 

 
    <head> 
 
    <script data-require="[email protected]" data-semver="1.0.8" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js"></script> 
 
    <script data-require="[email protected]" data-semver="2.1.0" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.1.0/moment.min.js"></script> 
 
    <!--<script src="angular-moment.min.js"></script>--> 
 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-moment/1.0.0/angular-moment.js"></script> 
 

 
    <link rel="stylesheet" href="style.css" /> 
 
    <script src="script.js"></script> 
 
    </head> 
 

 
    <body ng-app="app"> 
 
    <div ng-controller="TestCtrl"> 
 
     <h1>Hello Plunker!</h1> 
 
     <pre>{{ obj.dateStr | amDateFormat: 'h:mm a'}} {{timezone}}</pre> 
 
     
 
    </div> 
 
    </body> 
 

 
</html>

Please run the above snippet

Here is a plunker

如何显示的时区的名称，而不是偏移

相关推荐