ng-bootstrap datepicker无法正常工作

Question

我试图在我的angular2项目中使用ng-bootstrap日期选择器,但得到以下错误.

There is no directive with "exportAs" set to "ngbDatepicker"

这是我的代码

<form class="form-inline">
  <div class="form-group">
     <div class="input-group">
         <input class="form-control" placeholder="yyyy-mm-dd"
         name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker">
          <button class="input-group-addon" (click)="d.toggle()" type="button">
    <img src="img/calendar-icon.svg" style="width: 1.2rem; height: 1rem; cursor: pointer;"/>
  </button>
</div>

任何帮助都会得到满足

Answer 1

我有同样的问题.在我的情况下,它在模块中缺少NgbModule导入,其中指令正在使用中.因此,请仔细检查您是否在邮件模块中导入NgbModule.forRoot()并在每个模块中导入NgbModule使用datapicker.

Answer 2

为了在focus事件上打开日期选择器，您需要添加(focus)="d.open()"如下内容：

<input type="text" [(ngModel)]="date" ngbDatepicker #d="ngbDatepicker" (focus)="d.open()" name="date_start" class="form-control"/>