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

Question

  

我是新手。我正在使用角材料（7.0.2）。我尝试了下面的表单，其中日期选择器与已禁用输入。提交日期时，它不会出现在 f.value（表单对象）中。如果我从输入字段中删除已禁用，则效果很好。我不知道这是由于残疾造成的还是其他原因。简而言之，由于禁用，它无法返回表单对象。

<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