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

Я определил этот 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


angular angular7 mat-datepicker
person Usr    schedule 09.10.2019    source источник
comment
Почему вы определили две одинаковые ссылки на шаблоны #creatoDal?   -  person Hsuan Lee    schedule 09.10.2019

Ответы (1)


arrow_upward
3
arrow_downward

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

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

демонстрация

person jitender    schedule 09.10.2019