垫日期选择器 - 如何在输入字段中显示用户保存的值 - [(ngModel)]

Question

我不知道到底缺少了什么。 但无法找到解决问题的方法。

我有 Mat-datepicker - 用户选择日期并保存它。 日期保存成功。 但是当返回查看更改时。 日期不存在。

显然，我想在mat-datepicker中显示用户保存的日期。

<div class="end-date">              
<mat-form-field>
<input matInput [matDatepicker]="myDatepicker"  name="appEndDate" [value] = "appEndDate" [(ngModel)]="appEndDate">
<mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
<mat-datepicker #myDatepicker></mat-datepicker>
</mat-form-field>
</div>

在 TS 中。

appEndDate: string;
ngOninit(){
this.appEndDate = this.someService['appoinementDetails'].endDate;
}

我不了解官方文档，关于获取值的方法。

解决方案：有时(...很少 )清除浏览器缓存可能会对您有所帮助。 在我的场景中。新保存的值在模型上没有更新，它显示了一些不需要的垃圾值，我曾经保存在其他一些表单字段中。

Answer 1

> https://stackblitz.com/edit/angular-xjfnhk

你只需要用或[(ngModel)]、值或形式控制绑定它。

在您的情况下，日期可能不会显示，因为它的格式错误。 你可以把

appEndDate = new Date(this.someService['appoinementDetails'].endDate);

我从这里得到了代码。