0

私は Angular 2 に ngbDatepicker を使用しており、選択した日付を getData() メソッドに渡したいと思っています。サンプル コードをリバース エンジニアリングして、これを機能させることができません。

Plunker のサンプル コード: ツールバーの [Datepicker in a popup] の横にある下向き矢印を押します。ng-bootstrap チームからの元のサンプル コード。

https://ng-bootstrap.github.io/#/components/datepicker

コンポーネントに 1 つのメソッドを追加しました。選択した日付をそのメソッドに入れたいと思います。

import {Component} from '@angular/core';

@Component({
  selector: 'ngbd-datepicker-popup',
  templateUrl: './datepicker-popup.html'
})

export class NgbdDatepickerPopup {

  model;

  getData() {
    alert('How do I get the selected date here?');
  }
}
4

1 に答える 1

2

docs と plunker を見ると、何も渡す必要はありません。テンプレートでモデルを双方向バインドする場合

<ngb-datepicker #dp [(ngModel)]="model"></ngb-datepicker>

日付ピッカーは、コンポーネントのモデルを自動的に更新します。それがどのように機能するか[(ngModel)]です。クリックすると、モデルからデータを取得するだけです

model: NgbDateStruct;

getData() {
  alert(`${this.model.day}-${this.model.month}-${this.model.year}`);
}
于 2016-10-30T16:39:17.297 に答える