日期的默认值未显示[关闭]答案

【问题标题】：Default value for date is not showing [closed]日期的默认值未显示[关闭]
【发布时间】：2019-10-18 11:57:50
【问题描述】：

我尝试了几种日期格式，但没有一种适合我。问题是在编辑配置文件时，我想显示不同字段的默认值，而日期输入字段的默认值没有显示。

 <input type="date" formControlName="birthdate" value="{{patient.birthdate | date:'MM-dd-yyyy'}}" id="txtDate" class="form-control mb-2 mr-sm-2 mb-sm-0">

您可以看到，当我在 html 中显示日期时，它可以工作。这种格式适用于我的 Angular 应用程序{{patient.birthdate | date:'MM-dd-yyyy'}}.

【问题讨论】：

标签： html css angular date datetime

【解决方案1】：

尝试使用格式

date:'yyyy-MM-dd'

而不是

date:'MM-dd-yyyy'

如果没有以特定格式指定，输入字段似乎不显示日期。

希望对你有帮助

【讨论】：

【解决方案2】：

您可以在初始化 formControl 或更新现有控件时设置第一个值。

例如：

formControl = new FormControl(this.patient.birthdate);

或

this.formControl.setValue(this.patient.birthdate)

它也适用于 FromGroup。

【讨论】：

我不能，因为我在 web api 上有一些异步函数，而我的病人当时是未定义的。 formControl 的代码首先执行，因此作为解决方案，我首先使用 formControl 初始化每个输入，然后使用 ngIf 更改 html 的默认值以检查我的异步功能是否完成。
无论如何，正如您在上传的图片中看到的那样，所有字段都有默认值，所以只有日期有问题。
如果你的异步方法返回 Observable，你可以在订阅中更新表单。记得在订阅前调用表单的初始化。
多亏了这个，你可以避免一些如果。