带有表单控件的物料日期选择器蒙版

Question

当我将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>

Answer 1

该错误是由附加到同一输入的Datepicker和mask引起的。这些组件试图并行修改模型中存储的值。

可能的解决方案之一是将Datepicker附加到隐藏的输入上，并将mask附加到可见的输入上。