【问题标题】: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>

【问题讨论】:

    标签: datetime ionic-framework real-time standards


    【解决方案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

      【讨论】:

      • 不是我真正想要的,但对我的代码很有帮助。
      • 但是app使用的是设备时钟,如果我想让app使用标准时间怎么办?例如link
      • 标准时间是什么意思?提供的链接实现可能使用我上面描述的相同方法
      • 我的意思是当我改变设备的时钟时,应用程序的时钟也会改变,时间很容易操纵
      猜你喜欢
      • 2018-05-28
      • 2020-11-22
      • 1970-01-01
      • 2020-01-12
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-04-24
      相关资源
      最近更新 更多