Angular - 多材料日期选择器

问题描述

我正在创建一个动态表单，有些字段可能是日期字段。现在我尝试使用 Angular 教程中的默认代码 mat-datepicker

这是现在的代码：

<mat-form-field class="right-0 w-full form-viewer">
    <mat-label class="overflow-ellipsis overflow-hidden whitespace-Nowrap w-8/12">
        {{ field.label | translate }}
    </mat-label>
    <input [id]="field.id" matInput [matDatepicker]="picker"
           (focusin)="ocr($event,true,field.color)"
           (focusout)="ocr($event,false)">
    <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
    <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

这是我想要的，带有动态 ID ：

<mat-form-field class="right-0 w-full form-viewer">
    <mat-label class="overflow-ellipsis overflow-hidden whitespace-Nowrap w-8/12">
        {{ field.label | translate }}
    </mat-label>
    <input [id]="field.id" matInput [matDatepicker]="field.id"
           (focusin)="ocr($event,false)">
    <mat-datepicker-toggle matSuffix [for]="field.id"></mat-datepicker-toggle>
    <mat-datepicker [id]='field.id'></mat-datepicker>
</mat-form-field>

但这不起作用，这是我的错误：

提前致谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）