Mat-datepicker - 如何在输入字段中显示用户保存的值 - [(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

你只需要用 or [(ngModel)]、value 或 formcontrol 来绑定它。

在你的情况下，日期可能没有显示，因为它的格式有误。你可以把

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

我从 here 那里得到了代码。

Mat-datepicker - 如何在输入字段中显示用户保存的值 - [(ngModel)]

Mat-datepicker - How to show user saved value in input field - [(ngModel)]

angular-material

ngmodel

angular