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

时间:2018-07-19 08:05:00

标签: angular angular-material angular-reactive-forms

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

1 个答案:

答案 0 :(得分:2)

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

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