Angular 反应型角形数据选择器

我正在使用一个角度反应形式的matDatepicker（）

我创建了一个stackblitz来复制我的问题

我从包含日期对象的服务器获取对象竞争。此对象映射到表单。我试图用对象中的日期初始化datePicker，但它不起作用。 此外，当我选择一个日期并单击“保存”时，它不会更新我的对象

服务器是一个spring引导应用程序。Java对象是：

import java.io.Serializable;
import java.util.Date;
public class Competition implements Serializable {

    private String id;
    private Date date;

    public Date getDate() {
        return date;
    }

    public void setDate(Date date) {
        this.date = date;
    }

}

在我看来，我要么在json中序列化日期，要么在为datepicker组件格式化日期时遇到问题？

首先，如果您正在使用，您不应该使用

ngModel

：

其次，模型的日期值应设置为a值，而不是字符串：

this.editor=fb.group（{
日期：[新日期（此.model.date），需要验证程序]，
});

好的，我对Angular很新，我认为我混合了反应式和模板驱动的方法！我将集中讨论被动形式，这会让我不那么困惑，谢谢