使用 Javascript 显示离子日期时间

Question

我正在尝试使用Javascript代码显示<ion-datetime>。

我拥有的 HTML 代码是：

  <ion-item *ngIf="showDatePicker">
    <ion-label>CHANGE DATE</ion-label>
    <ion-datetime (ionChange)="dateSelected()" displayFormat="D MMM YYYY" min="2017" max="2030-12-31" [(ngModel)]="diaryDate"></ion-datetime>
  </ion-item>

使用此代码，当您单击<ion-label>时，日期选择器会出现，但我希望它在我执行一些 Javascript 时出现。

Answer 1

例如

，您可以创建 ref，然后每当单击按钮时，您都会调用open()方法。

<ion-item *ngIf="showDatePicker">
   <ion-label>CHANGE DATE</ion-label>
   <ion-datetime #pick (ionChange)="dateSelected()" displayFormat="D MMM YYYY" min="2017" max="2030-12-31" [(ngModel)]="diaryDate"></ion-datetime>
</ion-item>

按钮某处

<button (click)="pick.open()">open</button>