小编Naw*_*w31的帖子

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

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

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

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

这是我的代码:

在组件.ts中

formGroup = new FormGroup({
    date: new FormControl()
  });
Run Code Online (Sandbox Code Playgroud)

在组件.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>
Run Code Online (Sandbox Code Playgroud)

我在用着:

"@angular/cli": "8.3.19"
"ngx-mask": "8.1.7"
"@angular/material": "8.2.3"
Run Code Online (Sandbox Code Playgroud)

angular-material angular angular-reactive-forms ngx-mask mat-datepicker

5
推荐指数
1
解决办法
1万
查看次数