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

标签： angularangular7mat-datepicker

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>

演示