离子角应用程序将毫秒数从本地存储转换为日期时间

Question

我有一个 Ionic 移动应用程序，我可以在其中接收来自本地存储的数据。

我想以日期格式显示毫秒。 我正在遵循以下代码，但无法获得结果。 请建议我在哪里做错了

Localstorage 的数据如下：

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

1599843000000 is milliseconds

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

Fri 11 September 2020 22:20:00

我的 home.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>

我用于在 localstorage 中保存数据的 home.ts 如下所示：

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

我用于从 localstorage 检索数据的 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方法对其进行格式化。

或者，您可以使用类似date-fns的库：

import { fromUnixTime, format } from 'date-fns';

const date = fromUnixTime(dateInMilliseconds);
const dateFormatted = format(date, 'E d LLLL yyyy HH:mm:ss');