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

在这种情况下，离子性为您提供了什么，当您选择时间时，例如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);
}

Answer 2

您需要使用<button>标签。：）

 <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

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

2 个答案: