在离子 5 中显示实时日期和时间

Question

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

我当前使用的编码是

public today : number = Date.now();

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

Answer 1

//.ts 文件

today = new Date();

构造 函数

constructor() {    
this.startTime();}

功能

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

Answer 2

你需要一些让你时间焕然一新的东西。通常它是一个正在运行的 setInterval 方法：

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

现在，刷新时间方法应更新"today"属性值，更改检测将完成其余工作：

refreshTime() {
this.today = Date.now()
}

根据你如何使用它，你需要确保在ngOnDestroy((钩子中你删除间隔以防止内存泄漏。在此处查看示例