如何从ngx-timepicker field获取用户输入

<form [formGroup]="myForm">
  <ngx-timepicker formControlName="startTime"></ngx-timepicker>
  <button (click)="submitForm()">Submit</button>
</form>

import { Component } from '@angular/core';
import { FormBuilder, FormGroup } from '@angular/forms';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
})
export class MyComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      startTime: [''], // 初始化为空或者默认时间
    });
  }

  submitForm() {
    if (this.myForm.valid) {
      const startTime = this.myForm.get('startTime').value;
      console.log('Selected start time:', startTime);
      // 在这里处理 startTime 的逻辑
    }
  }
}

<input type="text" [(ngModel)]="startTime" ngxTimepicker (change)="onTimeChange($event)">

export class MyComponent {
  startTime: string;

  onTimeChange(time: string) {
    this.startTime = time;
    console.log('Selected time:', this.startTime);
  }
}

import { FormsModule, ReactiveFormsModule } from '@angular/forms';

@NgModule({
  imports: [
    // ...其他模块
    FormsModule,
    ReactiveFormsModule,
  ],
  // ...其他配置
})
export class AppModule { }