Angular material 如何侦听日期选择器日期范围已更改

是否可以侦听上的日期范围更改事件

目前，我使用了一种变通方法，在该方法中，我可以同时收听

（dateChange）

和开始和结束。然后我需要检查它们是否都

null

，最后调用我的事件处理程序

onRangeChanged（开始：日期，结束：日期）

发件人：

输入日期范围

onStartDateChange（e:MatDatepickerInputEvent）{
如果（e&e.value）{
this.start=e.value；
}
这是checkRange（）；
}
OnEndDataTechRange（e:MatDatepickerInputEvent）{
如果（e&e.value）{
this.end=e.value；
}
这是checkRange（）；
}
checkRange（）：void{
if（this.start！=null&&this.end！=null）{
this.onRangeChanged（this.start，this.end）；
}
}
//是否可以让DatePicker直接调用此事件处理程序？
onRangeChanged（开始：日期，结束：日期）{
}

旁注：

在我 找到一个MatRangeDateSelectionModel，它可能会给我一个 一次使用一个日期范围，但我不知道如何使用它

    <mat-form-field>
      <mat-label>Enter a date range</mat-label>
      <mat-date-range-input [rangePicker]="picker">
        <input matStartDate placeholder="Start date" (dateChange)="onStartDateChange($event)">
        <input matEndDate placeholder="End date" (dateChange)="onEndDateChange($event)">
      </mat-date-range-input>
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-date-range-picker #picker></mat-date-range-picker>
    </mat-form-field>

  onStartDateChange(e: MatDatepickerInputEvent<Date, Date>) {
    if (e && e.value) {
      this.start = e.value;
    }
    this.checkRange();
  }

  onEndDateChange(e: MatDatepickerInputEvent<Date, Date>) {
    if (e && e.value) {
      this.end = e.value;     
    }
    this.checkRange();
  }

  checkRange(): void {
    if (this.start != null && this.end != null) {
      this.onRangeChanged(this.start, this.end);
    }
  }

  // Is it possible to have the DatePicker directly call this event handler?
  onRangeChanged(start: Date, end: Date) {
  }