Question

我正在为Angular 2使用ngbDatepicker，并希望将所选日期传递给我的getData（）方法，我只是提醒（日期）。我无法对示例代码进行反向工程并使其正常工作。

Plunker示例代码：按下弹出窗口中“Datepicker”旁边工具栏上的向下箭头。＆＃39;来自ng-bootstrap团队的原始示例代码。

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

在我的组件中，我添加了一个方法，我想将所选日期放入其中。

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?');
  }
}

Answer 1

从文档和plunker看，你不需要传递任何东西。双向绑定模板中的模型时

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

datepicker将自动更新组件中的模型。这就是[(ngModel)]的工作原理。因此，当您单击时，只需从模型中获取数据

model: NgbDateStruct;

getData() {
  alert(`${this.model.day}-${this.model.month}-${this.model.year}`);
}

如何在按下按钮时从日期选择器传递日期（ng-bootstrap | Angular 2）

1 个答案: