当 ion-checkbox 设置为 true 时如何添加添加设备时间戳

Question

我目前在 ionic 2 应用程序中使用复选框来跟踪任务何时完成。选中此复选框后，是否可以从移动设备保存 date/time。

<ion-list>
  <ion-item>
    <ion-label>Task 1</ion-label>
    <ion-checkbox [(ngModel)]="data.task1"></ion-checkbox>
  </ion-item>    
</ion-list>

Answer 1

您可以使用 Date object from Javascript to do so, like you can see in this plunker.

你的Component：

import { Component } from "@angular/core";

@Component({
     templateUrl:"home.html"
})
export class HomePage {

  public data: any;
  public dateTime : string = '';

  constructor() {
    this.data = {
      task1 : false
    }
  }

  public changeCheckBox() {
    if(this.data.task1) {
      this.dateTime = new Date();
    }
  }
}

您的看法：

<ion-content>
  <ion-list>
    <ion-item>
      <ion-label>Task 1</ion-label>
      <ion-checkbox [(ngModel)]="data.task1" (ionChange)="changeCheckBox()"></ion-checkbox>
    </ion-item>  
    <ion-item>
      <ion-label>Timestamp: {{ dateTime }}</ion-label>
    </ion-item>
  </ion-list>
</ion-content>

当然你可以通过一些get方法获取详细信息：

Date.prototype.getDate()
Date.prototype.getDay()
Date.prototype.getFullYear()
Date.prototype.getHours()
Date.prototype.getMilliseconds()
Date.prototype.getMinutes()
Date.prototype.getMonth()
Date.prototype.getSeconds()
Date.prototype.getTime()
Date.prototype.getTimezoneOffset()
Date.prototype.getUTCDate()
Date.prototype.getUTCDay()
Date.prototype.getUTCFullYear()
Date.prototype.getUTCHours()
Date.prototype.getUTCMilliseconds()
Date.prototype.getUTCMinutes()
Date.prototype.getUTCMonth()
Date.prototype.getUTCSeconds()
Date.prototype.getYear()

当 ion-checkbox 设置为 true 时如何添加添加设备时间戳

How do I add add device timestamp when ion-checkbox is set to true

ionic2