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

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>

my home.ts 用于将数据保存在 localstorage 中，如下所示：

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

my 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

您需要像这样转换值：

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');

Answer 2

您可以使用 Angular Date 管道。

在你的情况下，

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

您可以使用多种格式。

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

Ionic angular app convert milliseconds to Date Time from local storage

html

javascript

angularjs

ionic-framework