使用Angular双向绑定不会更新日期值

Question

我有一个angular-dotnetcore 2.0表单，可以让用户更新他们的人口统计信息。其中一个值是出生日期。我使用以下代码显示他们的生日：

<input id="dateOfBirth" type="date" class="form-control" [(ngModel)]="member.dateOfBirth" name="dateOfBirth" #dateOfBirth="ngModel">

这不显示生日。但是当我选择不同的日期然后点击提交时，它会更新。

我发现我可以使用以下代码显示生日。

<input type="date" id="dateOfBirth" class="form-control"  [ngModel]="member.dateOfBirth | date:'y-MM-dd'" (ngModelChange)="dateOfBirth = $event" name="dateOfBirth">

但是这次显示了生日，但没有更新。

我还安装了npm mpdule angular-date-value-accessor并按照其说明显示生日，但它没有用。

我将不胜感激任何帮助。

Answer 1

member.dateOfBirth是什么类型的？我在Angular中遇到了一些日期问题，解决方法是确保使用Date对象。如果此值是表示日期的字符串，请尝试控制器中的Date.parseDate（）以从字符串创建Date对象。

校正： 该方法不是parseDate（），您需要实例化一个新的Date对象：

let birthday = new Date( Date.parse( member.dateOfBirth ) );