无法使用 Angular 材料在控制台中获得时间答案

【问题标题】：Can't get time in the console with Angular material无法使用 Angular 材料在控制台中获得时间
【发布时间】：2020-05-18 09:42:54
【问题描述】：

我有一个问题，我无法使用 angular Material 在控制台中获得正确的时间。我使用的是旧库（datepicker ng bootstraps），但是当我尝试更新日期时，它总是一天 - 1/月/年。所以我选择了棱角分明的材料，我尝试做同样的事情，但是在控制台中我从来没有得到我选择新图书馆的日期。

dashboard.component.html：

<div class="row">
        <div class="col-xs-12 col-12 col-md-6 form-group">
          <mat-form-field>
            <mat-label for="inputDemarrageDate">date de début</mat-label>
            <input id="inputDemarrageDate" matInput [matDatepicker]="picker" name="inputDemarrageDate"> 
            <mat-datepicker-toggle matSuffix [for]="picker" [(ngModel)]="edit.demarrageMission" [ngModelOptions]="{standalone: true}"></mat-datepicker-toggle>
            <mat-datepicker #picker></mat-datepicker>
          </mat-form-field>
        </div>

旧的dashboard.component.html：

<div class="col-xs-12 col-12 col-md-6 form-group">
          <label for="inputDemarrageDate">date de début</label>
          <input type="text"
                 placeholder="Choisir une date..."
                 class="form-control"
                 bsDatepicker
                 [bsConfig]="{ dateInputFormat: 'YYYY/MM/DD' }"
                 [(ngModel)]="edit.demarrageMission"
                 [ngValue]="edit.demarrageMission"
                 id="inputDemarrageDate"
                 name="inputDemarrageDate">
        </div>
      </div>

就像从未发送过新值一样。

【问题讨论】：

值总是'null' btw

标签： angular datepicker angular-material

【解决方案1】：

ngModel 绑定需要在input 元素上定义：

<mat-form-field>
  <mat-label for="inputDemarrageDate">date de début</mat-label>
  <input id="inputDemarrageDate" matInput [matDatepicker]="picker" name="inputDemarrageDate" [(ngModel)]="edit.demarrageMission" [ngModelOptions]="{standalone: true}"> 
  <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle>
  <mat-datepicker #picker></mat-datepicker>
</mat-form-field>

【讨论】：