如何将嵌套到组件的组件中的数据绑定到表单中？

Question

我有一个带有Angular 4和Angular Material的网络应用程序，我的应用程序将非常简单，它将有一个表单，其中它接收2个日期参数，但这些日期参数我在一个我自己的组件，我的问题是发送form我没有收到onSubmit中的数据，我正在做什么或我的结构非常糟糕？

.
├── app-routing.module.ts
├── app.component.css
├── app.component.html
├── app.component.spec.ts
├── app.component.ts
├── app.module.ts
├── dashboard
│   ├── dashboard.component.css
│   ├── dashboard.component.html
│   ├── dashboard.component.spec.ts
│   └── dashboard.component.ts
├── data-table
│   ├── data-table.component.css
│   ├── data-table.component.html
│   ├── data-table.component.spec.ts
│   └── data-table.component.ts
├── filter-time
│   ├── filter
│   │   ├── filter.component.css
│   │   ├── filter.component.html
│   │   ├── filter.component.spec.ts
│   │   └── filter.component.ts
│   ├── filter-time.component.css
│   ├── filter-time.component.html
│   ├── filter-time.component.spec.ts
│   └── filter-time.component.ts
└── shared
    ├── dashboard.service.spec.ts
    └── dashboard.service.ts

这是我在html中的表单

<form #f="ngForm" (ngSubmit)="onSubmit(f)" novalidate>
    <md-card>
      <app-filter-time>Loading filter time...</app-filter-time>
      <button md-raised-button>Buscar</button>
    </md-card>
</form>

在我的结构中，应用是root组件，对DashboardComponent的调用，这显示了一个过滤时组件和一个按钮，在filter-time中有一个datePicker进入{{1}接收日期，但当我按下按钮，不工作，但我认为我需要其他结构来处理我的数据。

我的问题 我无法将datePicker中的数据绑定到onSubmit函数。