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)]，value或formcontrol绑定即可。

在您的情况下，日期可能未显示，因为日期格式错误。你可以放

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

我从here获得了代码。

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

1 个答案: