angular - Angular 6 日期选择器（禁用的输入字段）未绑定到表单对象

Question

我是角度的新手。我正在使用角材料（7.0.2）。我试过下面的表格有禁用输入的日期选择器。在提交日期没有出现在f.value(object of form)中。如果我从输入字段中删除禁用，那么它会完美运行。我不知道这是由于残疾还是其他原因。简而言之，由于禁用它不能返回表单对象。

<form (ngSubmit)="AddEvent(f)" #f="ngForm">
    <mat-form-field>
      <input matInput ngModel name="date" [matDatepicker]="picker"  disabled required>
      <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
      <mat-datepicker disabled="false" touchUi #picker></mat-datepicker>
    </mat-form-field>
  </form>

这是TS文件的代码

export class CreateEventComponent implements OnInit {

  isLogin:boolean = false;
  constructor() { }

  ngOnInit() {
  }

  AddEvent(f)
  {
    f.value.date =f.value.date.toDateString();
    console.log(f.value);

  }

}

输出：

Null object

标签： angularangular-material