angular - 尝试在 IONIC 中获取日期的小时和分钟：getHours 不是函数

Question

我试图在离子中获取日期的小时和分钟，但出现错误。

这是我的 .html 文件中的代码：

  <ion-datetime displayFormat="HH:mm" [(ngModel)]='timeEntered1' picker-format="h:mm"></ion-datetime>
  <ion-button (click)="getTime()"></ion-button>

然后在我的 .ts 文件中，我有这个：

timeEntered1 = new Date();

constructor() {}

getTime() {
  console.log(this.timeEntered1.getHours());
}

我的错误是：

this.timeEntered1.getHours 不是函数

Answer 1

您需要使用<button>-tag。:)

 <ion-datetime displayFormat="HH:mm" [(ngModel)]='timeEntered1' picker-format="h:mm"></ion-datetime>
    <button ion-button (click)="getTime()"></button>

演示：https ://stackblitz.com/edit/ionic-jkhwaw

Answer 2

在这种情况下，离子为您提供了什么，当您选择时间时，例如，2:03您会得到以下输出

{
    "hour": {
        "text": "2",
        "value": 2,
        "columnIndex": 0
    },
    "minute": {
        "text": "03",
        "value": 3,
        "columnIndex": 1
    }
}

所以你不需要做getHours()，它们都存储在你的模型中。这样做：

timeEntered1 = <any>{};

getTime() {
  // outputs 2 and 3
  console.log(this.timeEntered1.hour.value, this.timeEntered1.minute.value);
}