如何使用ionFocus事件并设置当前时间和发出事件
HTML

<ion-item>
  <ion-list>
    <ion-item id="{{'open-date-' + pickerId}}">
      <ion-label>{{label}}</ion-label>
      <ion-note slot="end">{{selectedDate | date: 'HH:mm'}}</ion-note>
    </ion-item>
    <ion-modal trigger="{{'open-date-' + pickerId}}" [cssClass]="'bottom-end'">
      <ng-template>
        <ion-datetime
          presentation="time"
          [(ngModel)]="selectedDate"
          (ionChange)="onDateChange(selectedDate)"
          (ionFocus)="onDatePickerFocus()"
          size="cover"
          [showDefaultButtons]="true"
          cancelText="Annuler"
          doneText="Valider"
          minuteValues="0,15,30,45">
        </ion-datetime>
      </ng-template>
    </ion-modal>
  </ion-list>
</ion-item>

字符串
ts

import { Component, OnInit, Input, Output, EventEmitter, AfterViewInit } from '@angular/core';
import { FormsModule } from '@angular/forms';

@Component({
  selector: 'app-datetime-picker',
  templateUrl: './datetime-picker.component.html',
  styleUrls: ['./datetime-picker.component.scss'],
})
export class DatetimePickerComponent implements OnInit {
  @Input() pickerId?: string;
  @Input() label?: string;
  @Input() selectedDate: Date = new Date();
  @Output() selectedDateChange = new EventEmitter<Date>();

  constructor() { }

  ngOnInit() {}

  onDateChange(newDate: Date): void {
    console.log('onDateChange', newDate);
    this.selectedDate = newDate;
    this.selectedDateChange.emit(this.selectedDate);
  }

  onDatePickerFocus(): void {
    console.log('onDatePickerFocus', newDate);
    if(!this.selectedDate) {
        this.selectedDate = new Date();
    }
    this.selectedDateChange.emit(this.selectedDate);
  }
}

型