完备了时间选择窗口

src/app/shared/datetime-picker-modal/datetime-picker-modal.component.ts

@@ -1,5 +1,6 @@
 import { Component, Input } from '@angular/core';
 import { IonDatetime, ModalController } from '@ionic/angular';
+import { ViewChild } from '@angular/core';
 
 @Component({
   selector: 'app-datetime-picker-modal',
@@ -35,15 +36,18 @@ import { IonDatetime, ModalController } from '@ionic/angular';
   ]
 })
 export class DateTimePickerModal {
-  @Input() initialDate!: string;
+  @Input() initialDate!: string | Date;
   @Input() minDate?: string;
   @Input() maxDate?: string;
 
   constructor(private modalCtrl: ModalController) {}
 
+// 导入 ViewChild
+@ViewChild(IonDatetime) datetime!: IonDatetime;
+
   confirm() {
-    const value = document.querySelector('ion-datetime')?.value;
-    this.modalCtrl.dismiss(value);
+    if (!this.datetime.value) return;
+    this.modalCtrl.dismiss(this.datetime.value);
   }
 
   dismiss() {