日期&使用Angularjs显示时区的时间

时间:2015-11-09 10:14:45

标签: angularjs date datetime

如何显示时区信息以及日期和时间。使用Angularjs的时间:

我正在尝试使用下面定义的绑定显示日期和时间:

{{data.filterData.run_date |日期:'M / d / yy'}}

上面显示的是印度的IST,美国的CST以及每个最终用户和转换的正确时区。

更新

我以下面的格式和UTC格式获取数据,但是由客户端机器的浏览器自动转换: 的 2015-10-26T08:46:05 + 0000

我们如何按照上述格式或转换日期和时间显示缩短的时区&不是特别在UTC?因为我有不同的客户和最终用户;所以这对最终用户来说应该是动态的。

提前致谢!

2 个答案:

答案 0 :(得分:7)

但是在版本1.3.x中,只支持的时区是UTC,如果使用1.3.x就可以使用外部js,如Moment js

  

{{用户定义日期|日期:'MMM d,y H:mm:ss':'UTC'}}

从版本1.4.0-rc.0开始,AngularJS也支持其他时区。

在HTML模板绑定中

  

{{date_expression |日期:格式:时区}}

在JavaScript中

  

$ filter('date')(日期,格式,时区)

More...

答案 1 :(得分:1)

使用以下代码:

<html>
<head>
<title>Localization App</title>

</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<script type="text/javascript">
    var app=angular.module('myApp',[]);
    app.controller('myCtrl',function($scope)
    {
        $scope.CurrentDate = new Date();    
    });
</script>
<div ng-app="myApp" ng-controller="myCtrl">
     Date : {{CurrentDate | date:'dd/MM/yyyy'}}  </br>
     Date_1 : {{CurrentDate | date:'dd, MMMM yyyy'}}  </br>
     Time : {{CurrentDate | date: 'hh:mm:ss a'}} </br> 
     Time_1 : {{CurrentDate | date: 'HH:mm:ss Z'}} </br> 
</div>

</body>
</html>

输出:

日期:2017年12月13日 2017年12月1日:13日 时间:上午10:33:42
Time_1:10:3​​3:42 +0530