Angular 如何从角材质日期选择器更改日期？

我有一个角度材料的日期选择器。单击某个事件，我将从api服务获取新的日期。如何更改某个单击事件的日期

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field> <br/>
<button (click)="dosomeaction()">Submit</button>


export class DatepickerOverviewExample {

   dosomeaction = function(){
     let date = "2018/09/04"; 
     //assign the above date to the input field
   } 
}

默认情况下，我有一些日期。单击submit按钮后，会处理一些api（假设），在订阅响应值时，会有一个日期格式的变量

如何更改某个单击事件的日期

<mat-form-field>
  <input matInput [matDatepicker]="picker" placeholder="Choose a date">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field> <br/>
<button (click)="dosomeaction()">Submit</button>


export class DatepickerOverviewExample {

   dosomeaction = function(){
     let date = "2018/09/04"; 
     //assign the above date to the input field
   } 
}

提交
导出类DatePickerOverview示例{
dosomeaction=函数（）{
出租日期=“2018/09/04”；
//将上述日期指定给输入字段
} 
}

看看这个，只需在

ngModel

export class DatepickerOverviewExample {
   start_time: Date;
   dosomeaction = function(){
      start_time: new Date();
   } 
}

 <input mdInput
     name="start_time"
     #start_time="ngModel"
     date="true"
     [(ngModel)]="start_time"
     placeholder="Choose a date">

导出类DatePickerOverview示例{
开始时间：日期；
dosomeaction=函数（）{
开始时间：新日期（）；
} 
}

你可以这样做

component.html

<mat-form-field>
  <input matInput [matDatepicker]="picker" 
  [(ngModel)]="dateToPass"placeholder="Choose a date">
   <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
   <mat-datepicker #picker></mat-datepicker>
   </mat-form-field> <br/>
  <button (click)="dosomeaction()">Submit</button>

---

Angular v6中已不推荐使用ngModel输入属性和ngModelChange事件以及反应式表单指令，Angular v7中将删除这些支持。()