Angular - 使用 ngx-mask MatDatepicker 和反应形式输入

Question

我想在表单上添加反应式表单控件，并触发错误：

多个自定义值访问器与具有未指定名称属性的表单控件相匹配

一切都是单独工作的，反应式表单验证，掩码或 matDatepicker，任何组合也可以工作，但三者一起提示错误。

这是我的代码：

在组件.ts中

formGroup = new FormGroup({
    date: new FormControl()
  });

在组件.html中

    <mat-form-field>
      <input type="text" matInput [matDatepicker]="date_picker" mask="d0/M0/0000" formControlName="date">
      <mat-datepicker-toggle matSuffix [for]="date_picker"></mat-datepicker-toggle>
      <mat-datepicker #date_picker></mat-datepicker>
    </mat-form-field>

我在用着：

"@angular/cli": "8.3.19"
"ngx-mask": "8.1.7"
"@angular/material": "8.2.3"

Answer 1

我正在努力解决同样的问题。根据此线程，没有解决方案，只有一种解决方法： 错误：多个自定义值访问器与具有未指定名称属性的表单控件相匹配

我使用了提到的解决方法，使用 vanilla-text-mask 作为临时（我希望）解决方案，但上述线程上没有任何活动，所以...以下是解决方法的链接：在 一个输入中使用多个 CustomValueAcessor场地

希望能帮助到你！