如何将mat日历与反应式表单一起使用？

import { NgModule } from '@angular/core';
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatInputModule } from '@angular/material/input';

@NgModule({
  imports: [
    MatDatepickerModule,
    MatInputModule
  ]
})
export class YourModule { }

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="选择日期">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

import { Component, ViewChild } from '@angular/core';
import { MatDatepicker } from '@angular/material/datepicker';

@Component({
  selector: 'your-component',
  templateUrl: 'your-component.html'
})
export class YourComponent {
  @ViewChild(MatDatepicker) picker: MatDatepicker<Date>;

  // 在需要时访问所选日期的值
  getDate(): Date {
    return this.picker._selected;
  }
}