将api datetime绑定到angular 6 datepicker

import { Component } from '@angular/core';
import { FormControl } from '@angular/forms';
import { MatDatepickerInputEvent } from '@angular/material/datepicker';

export class YourComponent {
  dateControl = new FormControl();
  
  constructor() {
    // 初始化日期值，可以从API获取
    this.dateControl.setValue(new Date());
  }
}

<mat-form-field>
  <input matInput [matDatepicker]="picker" [formControl]="dateControl">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

export class YourComponent {
  // ...

  onDateChange(event: MatDatepickerInputEvent<Date>) {
    const selectedDate = event.value;
    // 将selectedDate发送到API
    // ...
  }
}

<mat-form-field>
  <input matInput [matDatepicker]="picker" [formControl]="dateControl" (dateChange)="onDateChange($event)">
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>