Ionic angular应用程序将毫秒从本地存储转换为日期时间

Question

我有一个Ionic移动应用程序，在那里我可以从本地存储接收数据。

我想以最新的格式显示毫秒。我正在遵循下面的代码，但无法获得结果。请建议我在哪里犯错误

本地存储的数据如下：

{"data":[[0,"1599843000000"],[1,"1599929580000"],[2,"1600448100000"],[3,"1599843360000"],[4,"1599843420000"],[5,"1599843420000"]]}
1599843000000 is milliseconds

现在我想以日期时间格式显示所有记录，如下所示。

Fri 11 September 2020 22:20:00

myhome.html如下所示：

<ng-container *ngFor="let item of items[0]" >
<ion-item no-lines *ngIf='this.items!= 0'>
<ion-row>
<ion-col>
<h3 ion-text>
{{item [0]}}
</h3>
</ion-col>
<ion-col>
<h3 ion-text>
{{item [1]}}
</h3>
</ion-col>
</ion-row>
</ion-item>
</ng-container>

我在本地存储中保存数据的home.ts如下所示：

if(!localStorage.getItem("dataset"))
{
var dataset = {data: []};
localStorage.setItem("dataset", JSON.stringify(dataset));
}

我的home.ts用于从本地存储检索数据，如下所示：

var datasetData = localStorage.getItem("dataset");
let datasetArray = JSON.parse(datasetData );
this.datasetlength= dataset.data.length;
var dataArray = new Array();
for (var i=0;i<this.datasetlength;++i){
dataArray [i] = datasetArray .data[i];
}
var dataArraysortedarray = dataArray ;
this.items.push(dataArraysortedarray );

Answer 1

您可以使用Angular Date管道。

在您的情况下，

{{ Number(item [1]) | date:'medium' }}

你可以使用很多格式。

Answer 2

您需要转换如下值：

const date = new Date(dateInMilliSeconds);

然后可以使用Date方法对其进行格式化。

或者，您可以使用类似日期fns:的库

import { fromUnixTime, format } from 'date-fns';
const date = fromUnixTime(dateInMilliseconds);
const dateFormatted = format(date, 'E d LLLL yyyy HH:mm:ss');