无法使用角度材料在控制台中获得时间

Question

我有一个问题，我无法在有角度材质的控制台中获得正确的时间。我使用的是旧图书馆（datepicker ng bootstraps），但是当我尝试更新日期时，它总是一天-1 / month / year。因此，我选择了棱角分明的材料，但我还是尝试这样做，但是在控制台中，我从来没有得到与新书架有关的日期。

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>

就像从未发送过新值。

Answer 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>