以角度将UTC时间转换为本地时间答案

【问题标题】：Convert UTC time to local time in angular以角度将UTC时间转换为本地时间
【发布时间】：2019-06-20 10:16:06
【问题描述】：

我想将此 utc 格式日期转换为 angular 中的印度日期和时间格式

2019-02-18T17:31:19-05:00

我希望采用这种格式 DD/MM/YYYY HH:MM（例如：02/19/2019 04:01 AM）。任何人都可以请建议我怎么做..

【问题讨论】：

【解决方案1】：

在原生 JavaScript 中实现此目的的一种方法是使用 Date.toLocaleString()，并通过将其设置为 timeZone 属性将其转换为印度时区。

new Date('2019-02-18T17:31:19-05:00').toLocaleString("en-US", {timeZone: "Asia/Kolkata"});

console.log(new Date('2019-02-18T17:31:19-05:00').toLocaleString("en-US", {timeZone: "Asia/Kolkata"}));

【讨论】：

【解决方案2】：

如果您在模块中使用 locale_id，则所有日期管道都应遵循该语言环境 https://angular.io/api/core/LOCALE_ID

【讨论】：

【解决方案3】：

根据区域设置规则格式化日期值。

{{ value_expression | date [ : format [ : timezone [ : locale ] ] ] }}

【讨论】：

【解决方案4】：

UTC 日期应附加“Z”。例如。 2019-02-18T17:31:00Z.

其次，使用Date.parse()将日期字符串转换为Date对象

然后使用日期过滤器显示日期<span> {{ dateStr | date }}</span>

在下方查看 JS -

angular.module('plunker', []).controller('MainCtrl', function($scope) {
    $scope.dateStr = Date.parse('2019-02-18T17:31:00Z');
});

HTML -

<div ng-controller="MainCtrl">
  {{ dateStr | date }}
</div>

【讨论】：

【解决方案5】：

如果您愿意，您可以使用一个很棒的库来进行与日期和时间相关的操作。

在你的情况下，你可以尝试以下

moment.tz('2019-02-18T17:31:19-05:00', 'Asia/Kolkata').format('MM/DD/YYYY HH:mm a');

这将以所需格式返回您的日期。让我知道是否需要对此进行任何进一步的解释。

【讨论】：

【解决方案6】：

在ts中

import {utc} from 'moment';
utc = utc;

在html中

{{ utc("2019-02-18T17:31:19-05:00").local().format("DD/MM/YYYY HH:MM")}}

【讨论】：