Angular材质7中的多个日期选择

Question

场景：需要在日期选择器中以角形材料选择多个日期。

目前，DatePicker示例的官方文档中没有这种情况。

问题：如何在物料设计中实施多日期选择？

我虽然修改了角材料的现有实现，但不知道从哪里开始。

任何线索都将非常有帮助。

Answer 1

最后，这帮助了我： mat-datepicker inside *ngFor。采用 ngFor 并使用索引作为日期选择器的参考。如果还需要真正的索引（而不是日期选择器的 viewRef），则必须将索引保存在另一个变量中：

<div *ngFor="let date of formArray.controls; let datePickerViewRef = index; let i = index" class="date">
         <input matInput [matDatepicker]="datePickerViewRef" placeholder="Choose a date" readonly [formControl]="date">
         <mat-datepicker-toggle matSuffix [for]="datePickerViewRef"></mat-datepicker-toggle>
         <mat-datepicker #datePickerViewRef></mat-datepicker>
         <button(click)="removeDate(i)">delete</button>
</div><button (click)="addDate()"></button>