angular - Angular 4 - NG2-Datepicker - 選択後に日付値を取得できません

Question

SO で NG4 を使用したこのプラグインに関する記事をいくつか見つけましたが、一部で機能しているように見えますが、選択から値を取得できません。

インストール手順に従いましたが、日付ピッカーをうまく表示できましたが、選択した日付を取得できませんでした。「myDate」とラベル付けしたngModelを使用していますが、これは未定義として出てきています。

Github は、これを機能させる方法や、コンポーネントに何かをインポートする必要があるかどうかに関して、少なくとも私にとってはあまり有益ではありません。

パッケージ内のソース ファイルとインストール済みファイルを調べてみましたが、電球は点灯しませんでした。

推奨される ng2-timepicker を試しましたが、完全にインストールできませんでした。これが私が得たものです...

import { NKDatetimeModule } from 'ng2-datetime.module';

imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes),
    ChartsModule,
    HttpModule,
    FormsModule,
    AngularFireModule.initializeApp(firebaseConfig),
    AngularFireAuthModule,
    AngularFireDatabaseModule,
    NgDatepickerModule
  ],

report.component.html: カレンダー本体と別のボタンにクリックイベントを入れてみました。まだ未定義です。

<div class="datepicker-container">
  <ng-datepicker [(ngModel)]="myDate.selection" (click)="getgDate()"></ng-datepicker>
</div>
<button class="btn btn-default" (click)="getgDate()">filter</button>

report.component.html: 日付ピッカー用に (まだ) 何もインポートされていませんが、これは常に未定義になります。配列として扱われていると思い、 にしてmyDate: Dateみました。myDate:any =[]どちらもなしです。コンソールに一人でログインしthis.myDateたところ、空になりました。

myDate:any =[]

  getgDate(){
    console.log(this.myDate["selection"]);
  }

必要な場合に備えて、私のpackage.jsonは次のとおりです。

"dependencies": {
    "@angular/animations": "^4.2.4",
    "@angular/common": "^4.2.4",
    "@angular/compiler": "^4.2.4",
    "@angular/core": "^4.2.4",
    "@angular/forms": "^4.2.4",
    "@angular/http": "^4.2.4",
    "@angular/platform-browser": "^4.2.4",
    "@angular/platform-browser-dynamic": "^4.2.4",
    "@angular/router": "^4.2.4",
    "angular-2-data-table": "^0.1.2",
    "angular2-flash-messages": "^1.0.8",
    "angularfire2": "^4.0.0-rc.2",
    "chart.js": "^2.7.0",
    "core-js": "^2.4.1",
    "firebase": "^4.3.1",
    "ng2-charts": "^1.6.0",
    "ng2-datepicker": "^2.0.3",
    "rxjs": "^5.4.2",
    "zone.js": "^0.8.14"