尝试打开没有关联输入的 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>

演示