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

Question

当我将Angular 6 Material Date Picker与任何遮罩（ngx-mask，angular2-mask，angular2-text-mask）结合使用并使用时formControlName，出现错误：

错误：多个自定义值访问器将表单控件与未指定名称属性匹配

是否有适用于“物料日期选取器”和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可见输入。