Question

我正在使用ng-bootstrap创建两个日历并从中选择一个给定的范围。在他们的文档中，他们有一个例子，但日历不会出现在下拉列表中。

所以我用这样的东西做到了：

    <form class="form-inline">
  <div>
    <div class="input-group">
      <input class="form-control" placeholder="Select a range" name="dp" [(ngModel)]="model" ngbDatepicker #d="ngbDatepicker" (ngModelChange)="onDateChange($event)"
        [displayMonths]="2" [dayTemplate]="t">
      <button class="input-group-addon" (click)="d.toggle()" type="button">
        <i class="fa fa-sort-asc" aria-hidden="true"></i>
      </button>
    </div>
  </div>
</form>

<ng-template #t let-date="date" let-focused="focused">
  <span class="custom-day" [class.focused]="focused" [class.range]="isFrom(date) || isTo(date) || isInside(date) || isHovered(date)"
    [class.faded]="isHovered(date) || isInside(date)" (mouseenter)="hoveredDate = date" (mouseleave)="hoveredDate = null">
    {{ date.day }}
  </span>
</ng-template>

这里的问题是，当我点击日期时，它会自动将其显示在输入值上，我希望在那里显示两个日期（结束日期和开始日期）。然后基于这两个日期，我需要过滤一个表。

但是这里的fromDate和toDate属于NgbDateStruct类型，我需要它们为日期格式'yyyy-mm-dd' 这是我过滤的方式：

 <tr *ngFor="let row of allData| filterPipe: fromDate:toDate">

然后在filterPipe上我有这个功能：

value=value.filter(item=>moment(item.setDate).isBetween(fromDate,toDate));

问题是fromDate和toDate是NgbDateStruct类型的对象，并且这两个值都没有显示在我的

我该怎么做？

感谢。

范围datepicker的DatePicker ng-Bootstrap下拉列表

0 个答案: