在 ionic 5 中显示实时日期和时间答案

【问题标题】：Display realtime date and time in ionic 5在 ionic 5 中显示实时日期和时间
【发布时间】：2020-08-19 15:50:38
【问题描述】：

我正在尝试在我的 Ionic 移动应用程序上显示实时日期和时间。原来当前的编码不是实时的，需要每次刷新才能看到正确的时间每秒和分钟。而且我也希望它像标准时间而不是用户设备时间。请指教。

我目前使用的编码是

public today : number = Date.now();

<ion-title size="small" slot="end">{{ today | date: 'medium' }}</ion-title>

【问题讨论】：

【解决方案1】：

// .ts 文件

today = new Date();

构造函数

constructor() {    
this.startTime();}

功能

startTime() {
var intervalVar = setInterval(function () {
  this.today = new Date().toISOString();
}.bind(this),500)}

【讨论】：

【解决方案2】：

你需要一些东西来为你提神醒脑。通常它是一个正在运行的 setInterval 方法：

setInterval(this.refreshTime, 1000); // this will call refreshTime every second

现在您的 refreshTime 方法应该更新您的“今天”属性值，其余的将由更改检测完成：

refreshTime() {

    this.today = Date.now()

}

根据您使用它的方式，您需要确保在 ngOnDestroy() 挂钩中删除间隔以防止内存泄漏。查看示例here

【讨论】：