在Angular中，可以使用自定义管道来创建日期范围管道。下面是一个示例：

1. 创建一个新的Angular管道：

ng generate pipe dateRange

2. 打开生成的管道文件date-range.pipe.ts并添加以下代码：

import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
  name: 'dateRange'
})
export class DateRangePipe implements PipeTransform {

  transform(dates: Date[]): string {
    if (!dates || dates.length === 0) {
      return '';
    }

    // 获取日期范围的起始和结束日期
    const startDate = dates[0];
    const endDate = dates[dates.length - 1];

    // 格式化日期
    const startDateFormat = startDate.toISOString().split('T')[0];
    const endDateFormat = endDate.toISOString().split('T')[0];

    return `${startDateFormat} - ${endDateFormat}`;
  }

}

3. 在模板中使用管道：

{{ datesArray | dateRange }}

在模板中，将datesArray替换为你的日期数组。

这个管道将返回日期范围的起始日期和结束日期，例如2022-01-01 - 2022-01-31。

请确保在使用管道之前将其添加到app.module.ts中的declarations数组中：

import { DateRangePipe } from './date-range.pipe';

@NgModule({
  declarations: [
    // ...
    DateRangePipe
  ],
  // ...
})
export class AppModule { }

这样，你就可以在应用程序的任何组件中使用dateRange管道了。