当我将Angular 6 Material Date Picker与任何遮罩(ngx-mask,angular2-mask,angular2-text-mask)一起使用并使用formControlName
时,出现错误:
ERROR错误:多个自定义值访问器与表单控件匹配 具有未指定名称属性的
是否有适用于“材料日期选取器”和formControlName
属性的蒙版?
<input matInput [matDatepicker]="myDatepicker" formControlName="dateOfbrd" mask="00/00/0000">
<mat-error *ngFor="let validation of validationMessages.dateOfDischarge">
<mat-error class="error-message" *ngIf=enrfrm.get('dateOfbrd').hasError(validation.type)">
{{validation.message}}
</mat-error>
</mat-error>
<mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
<mat-datepicker #myDatepicker></mat-datepicker>
答案 0 :(得分:2)
该错误是由附加到同一输入的Datepicker
和mask
引起的。这些组件试图并行修改模型中存储的值。
可能的解决方案之一是将Datepicker
附加到隐藏的输入上,并将mask
附加到可见的输入上。