angular - 材料设计Angular2日期格式不起作用dd / mm / yyyy

Question

我正在使用 Angular2 材料设计日期选择器，但是当我选择任何日期时会引发错误“指定的值不符合要求的标准
“yyyy-MM-dd”。我试图修改语言环境但无济于事。

HTML

  <div>

 <md-input-container>
  <input mdInput [mdDatepicker]="picker" placeholder="Date" 
  formControlName="dateOfPurchase" ngDefaultControl 
  [formControl]="dtPurchase" [(ngModel)]="dateOfPurchase" required 
  type="date" name="dateOfPurchase" id="dateOfPurchase">
  <button mdSuffix [mdDatepickerToggle]="picker"></button>
 </md-input-container>
 <md-datepicker #picker></md-datepicker>

  </div>

打字稿

import { DateAdapter } from '@angular/material';

constructor(private dateAdapter: DateAdapter<Date>)
{
    this.dateAdapter.setLocale('gb');
    this.dtPurchase= new FormControl();
}

任何帮助表示赞赏。

@Nehal

您对示例的建议有效，但错误仍然存​​在 - 见下图