微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Angular - 多材料日期选择器

如何解决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>

但这不起作用,这是我的错误

https://i.imgur.com/R3Snrbx.png

提前致谢

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?