Попытка открыть MatDatepicker без связанных входных данных

Question

Я определил этот MatDatePicker:

 <input #creatoDal matInput [matDatepicker]="creatoDal"
                            (focus)="creatoDal.open()" readonly>
                        <mat-datepicker-toggle matSuffix [for]="creatoDal"></mat-datepicker-toggle>
                        <mat-datepicker #creatoDal></mat-datepicker>

Мне кажется, что я привязал ссылку правильно, но при нажатии на указатель даты он не открывается и выдает следующую ошибку:

Ошибка: попытка открыть MatDatepicker без связанных входных данных. в MatDatepicker.push../node_modules/@angular/material/esm5/datepicker.es5.js.MatDatepicker.open

Answer 1

Вы добавили хеш #creatoDal к двум элементам, удаляющим его от вас input должен работать на вас, поэтому ваш код должен быть

<input  matInput [matDatepicker]="creatoDal"
                            (focus)="creatoDal.open()" readonly>
                        <mat-datepicker-toggle matSuffix [for]="creatoDal"></mat-datepicker-toggle>
                        <mat-datepicker #creatoDal></mat-datepicker>

демо