在Angular JS中将IST转换为本地时间

Question

从服务器，我正在以这种格式“ 21/11/2017 17:01:30”获得时间，这次是在IST中。 我想将此时间转换为用户本地时间。

我为此使用下面给出的代码，

var startDateTimeArray = eachExeRun.startDate.split(" ");
var startDateArray = startDateTimeArray[0].split("/");
var startDate = new Date(startDateArray[2]+"-"+startDateArray[1]+"-"+startDateArray[0]+' '+startDateTimeArray[1]);

现在，我的开始日期是“ 2017年11月21日星期二，格林尼治标准时间+0530（印度标准时间） ”

在HTML中我这样使用

{{startDate | date:'yyyy-MM-dd HH:mm:ss'}}

在此测试我的代码之后，我将系统的时区更改为特定的时区，然后将startTime更改为“ Tue Nov 21 2017 16:59:29 GMT-0800（太平洋标准时间） ”，但在我看来仍然显示为“ 2017 -11-21 16:59:29 “。

如何在日期过滤器中不使用时区的情况下显示更新的时间（日期：'yyyy-MM-dd HH：mm：ss Z'）。

Answer 1

最好的方法是使用moment.js。

但是，您也可以编写一个自定义过滤器来转换日期。

尝试这个：

    app.filter('myFormat', function() {
        return function(x) {
                var startDateTimeArray = x.split(" ");
                var startDateArray = startDateTimeArray[0].split("/");
                var startDate = new Date(startDateArray[2]+"-"+startDateArray[1]+"-"+startDateArray[0]+' '+startDateTimeArray[1]);
                console.log(startDate);
                //from timezone
                var IST_timezone_offset = -330; // IST timezone offset -always known
                var req_UTC_Milliseconds =  (IST_timezone_offset * 60000) ;
                //to timezone
                var local_timezone_offset = startDate.getTimezoneOffset(); 
                var local_UTC_Milliseconds = (local_timezone_offset * 60000);

                var final_date = new Date( startDate.getTime() + (req_UTC_Milliseconds - local_UTC_Milliseconds ) );

                return final_date;
            };
        });

工作小提琴

Answer 2

使用momentJs非常简单：

在下面找到工作代码段：

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script> <script src="https://momentjs.com/downloads/moment.js"></script> <script src="https://momentjs.com/downloads/moment-with-locales.min.js"></script> <script src="https://momentjs.com/downloads/moment-timezone-with-data.min.js"></script> <body> <h2>My IST to Local System Date Convertor</h2> <div ng-app="myApp" ng-controller="dateCtrl"> <p>{{convertIstToSystemLocalDateUsingTimeZone(IstStartDate)}}</p> </div> <script> var app = angular.module('myApp', []); app.controller('dateCtrl', function ($scope) { $scope.IstStartDate = '21/11/2017 17:01:30'; $scope.convertIstToSystemLocalDateUsingTimeZone = function (incomingISTString) { return moment.tz(incomingISTString, 'DD-MM-YYYY HH:mm:ss', 'Asia/Kolkata') .local().format('DD-MM-YYYY HH:mm:ss'); } }); </script> </body> </html>