Question

我在应用程序中使用ngb-datepicker。我想在组件类中执行某个函数时导航到特定的月份/年份。我知道ngbDatePicker中有一个名为navigationTo的方法，可以调用该方法导航到特定的月/年。但这是在HTML页面中完成的，如下所示。我可以在组件类中调用相同的方法NavigationTo吗？谢谢。

<ngb-datepicker #dp [(ngModel)]="model" (navigate)="date = 
$event.next"></ngb-datepicker>
<button class="btn btn-sm btn-outline-primary mr-2" 
(click)="dp.navigateTo()">To current month</button>

Answer 1

您可以在component.ts中轻松完成

 @ViewChild('dp') datepicker: NgbDatepicker;

然后，

    ngAfterViewInit() {
    this.datepicker.navigateTo(..);
 }

在模板中，

 <ngb-datepicker #dp ></ngb-datepicker>

注意：您需要使用AfterViewInit接口实现该组件。并将NgbDatepicker，ViewChild和AfterViewInit导入component.ts

Answer 2

是的，您可以在component.ts或模板本身中完成

<button class="btn btn-sm btn-outline-primary mr-2" (click)="dp.navigateTo({year: 2013, month: 2})">To Feb 2013</button>

Answer 3

我知道它可以在模板中使用，但是如何在组件中实现相同的效果。

Angular 2 ngb-datepicker navigationTo

3 个答案: