Выбор нескольких дат в материале Angular 7

Question

Сценарий: необходимо выбрать несколько дат в средстве выбора даты в угловом материале.

В настоящее время этот сценарий отсутствует в официальной документации в Примеры DatePicker

Вопрос: Как я могу реализовать выбор нескольких дат с дизайном материала?

Я хотя и изменяю существующую реализацию углового материала, но не знаю, с чего начать.

Любые отведения будут оченьполезно.

Answer 1

Наконец, это помогло мне: mat-datepicker внутри * ngFor .Возьмите ngFor и используйте индекс в качестве ссылки для выбора даты.В случае, если нужен реальный индекс, а не viewRef указателя даты, индекс должен быть сохранен в другой переменной:

<div *ngFor="let date of formArray.controls; let datePickerViewRef = index; let i = index" class="refresh-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)="removeRefreshDate(i)">delete</button>
</div>

Answer 2

Я думаю, что это хорошо использовать

попробовать это

вот демо