小编Jef*_*eck的帖子

我正在尝试使用 ng-bootstrap 的日期选择器弹出窗口制作我自己的组件（我不希望每次使用日期选择器时都使用所有这些标记）。

日期选择器自己工作得很好，但该值没有绑定回使用组件的页面。

这是我的日期选择器 - 从 ng-bootstrap 的示例页面复制：

<div class="input-group">
  <input class="form-control" placeholder="yyyy-mm-dd" name="dp"  [(ngModel)]="selectedDate" ngbDatepicker #d="ngbDatepicker">
  <div class="input-group-append">
    <button class="btn btn-outline-secondary" (click)="d.toggle()" type="button">
      <img src="img/calendar-icon.svg" style="width: 1.2rem; height: 1rem; cursor: pointer;"/>
    </button>
  </div>
</div>

<hr/>
<pre>Model: {{ selectedDate | json }}</pre>

我的组件：

import { Component, OnInit } from '@angular/core';
import {NgbDateStruct, NgbDateParserFormatter} from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'reo-datepicker-popup',
  templateUrl: './datepicker-popup.component.html',
})
export class DatepickerPopupComponent implements OnInit {

  selectedDate; any;

  constructor() {}

  ngOnInit() {
  }

}

该组件的使用方式如下：

<reo-datepicker-popup  [(ngModel)]="selectedDatePopup"  ngDefaultControl …