Ionic 5：DateTime 在 SegmentButton 中不起作用

Question

我试图在 ion-segment-button 中放置一个 ion-datetime 元素。这样做是为了模拟“今天”、“昨天”和自定义日期之间的日期选择。代码如下所示：

<ion-segment mode="md" [(ngModel)]="dateSegment">
  <!-- Other buttons -->
  <ion-segment-button value="OTHER" color="primary">
    <ion-datetime [(ngModel)]="selectedDate"></ion-datetime>
  </ion-segment-button>
</ion-segment>

但是，单击按钮时没有显示日期选择器。

Answer 1

我最终通过 @ViewChild 中描述的 here:

单击按钮打开 DateTime 来实现解决方法

在模板中：

<ion-segment-button value="OTHER" (click)="openDateTime()">
  <ion-datetime #dateTime [(ngModel)]="selectedDate"></ion-datetime>
</ion-segment-button>

在组件中：

export class MyComponent {

  @ViewChild('dateTime', { static: true }) dateTime: IonDatetime;

  openDateTime() {
    this.dateTime.open();
  }
}

Ionic 5：DateTime 在 SegmentButton 中不起作用

Ionic 5: DateTime does not work inside SegmentButton

angular

ionic-framework

ionic5