有没有可能使用angular 10创建一个带有两个不同ngx日期选择器字段的日期范围验证？

npm install ngx-bootstrap --save

import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';

@NgModule({
  ...
  imports: [
    BsDatepickerModule.forRoot(),
    ...
  ],
  ...
})
export class AppModule { }

<form>
  <div class="form-group">
    <label for="startDate">开始日期</label>
    <input type="text" class="form-control" bsDatepicker [(bsValue)]="startDate" #startDatePicker="bsDatepicker" id="startDate">
  </div>
  <div class="form-group">
    <label for="endDate">结束日期</label>
    <input type="text" class="form-control" bsDatepicker [(bsValue)]="endDate" #endDatePicker="bsDatepicker" id="endDate">
  </div>
  <button type="button" class="btn btn-primary" (click)="validateDateRange()">验证日期范围</button>
</form>

import { Component } from '@angular/core';

@Component({
  ...
})
export class YourComponent {
  startDate: Date;
  endDate: Date;

  validateDateRange() {
    if (this.startDate && this.endDate && this.startDate > this.endDate) {
      // 日期范围无效，执行相应的操作
    } else {
      // 日期范围有效，执行相应的操作
    }
  }
}