UI 卡在 ionic 6 中的时间选择器中

Question

• 随机 Ui 卡在时间选择器中。
• 当我打开时间选择器多次随机卡在上午 12 点时间并且该时间不显示修补值或当前时间值。

Gif 参考

下面是我的html代码：

  <ng-template>
      <ion-row>
        <ion-datetime [value]="selectedDate" #dateTimePicker [presentation]="presentation" [min]="minValue"
          [max]="maxValue" (ionChange)="onChange($event)"></ion-datetime>
          <ion-text (click)="dismiss()">Close</ion-text>
      </ion-row>
  </ng-template>
</ion-modal>

<section >
  <ion-input  [value]="displayValue"  [id]="triggerId" readonly></ion-input>
</section>

下面是我的ts代码：

@ViewChild(IonModal) modal: IonModal;

onChange($event) {
this.displayValue = // convert time stamp time event to AM/PM formate
}

  dismiss() {
    this.modal.dismiss();
  }

我尝试了 ionic 6 和 7，但随机卡在 ion-datetime 选择器 12:00 AM 中。

Answer 1

尝试使用离子日期时间按钮

ion-datetime-button 离子网络链接