导航定制

Question

我正在尝试自定义 ngbDatepicker 组件的导航，因为没有导出的模板来自定义导航，我正在尝试创建一个要插入到

footerTemplate

的组件。

<ngb-datepicker
  #dp
  [(ngModel)]="model"
  (navigate)="date = $event.next"
  navigation="none"
  [footerTemplate]="footerCalendar"
/>
<input
  class="form-control"
  placeholder="yyyy-mm-dd"
  name="dp"
  [(ngModel)]="model"
  ngbDatepicker
  #d="ngbDatepicker"
  navigation="none"
  [footerTemplate]="footerCalendar"
/>
<ng-template #footerCalendar>
  <footer-component [dateInputPicker]="dp" />
</ng-template>

但是我在实现导航方法时面临一些困难，因为我从

input

收到的实例与

ngb-datepicker

组件不同。是 NgbDatepicker 和 NgbInputDatepicker。

下图是我打算做的模型：

以下是复制链接： https://stackblitz.com/edit/angular-mudjsn?file=src%2Fapp%2Fdatepicker-basic.html

我想知道如何自定义导航。

Answer 1

在同一个链接中我发布了解决方案。

https://stackblitz.com/edit/angular-mudjsn?file=src%2Fapp%2Fdatepicker-basic.html