引导程序中日期选择器的标题不可见

Question

我创建了一个带有引导日期选择器的角度应用程序的网站。问题是这个日期选择器的标题不可见 - 没有箭头或旋转器来选择月份和年份。html 中的代码如下所示（我只希望标头可见，此时我不关心它的功能）：

<div class="btn-group mb-3 mr-3  ">
  <input class="form-control "
          name="datepicker"
          ngbDatepicker              
          #datepicker="ngbDatepicker"
          [autoClose]="'outside'"
          (dateSelect)="onDateSelection($event)"
          [displayMonths]="2"          
          [dayTemplate]="t"
          outsideDays="hidden"
          [startDate]="fromDate"                  
          [placement]="'bottom'"
          type="hidden">
  <ng-template #t let-date let-focused="focused">

  <span class="custom-day"
        [class.focused]="focused"
        [class.range]="isRange(date)"
        [class.faded]="isHovered(date) || isInside(date)"
        (mouseenter)="hoveredDate = date"
        (mouseleave)="hoveredDate = null">
    {{ date.day }}
  </span>

  </ng-template>

  <div class="input-group-append ">
    <button class="btn btn-outline-dark " (click)="datepicker.toggle()" type="button" placement="bottom" ngbTooltip="{{'raports_by_date' | translate }}"><span class="fa fa-calendar"></span></button>
  </div>
  <button type="button" class="btn btn-dark no-click" *ngIf="toDate" > {{fromDate.day}}/{{fromDate.month}}/{{fromDate.year}}</button>
  <button type="button" class="btn btn-dark btn-sm no-click" *ngIf="toDate" >-</button>
  <button type="button" class="btn btn-dark no-click" *ngIf="toDate" >{{toDate.day}}/{{toDate.month}}/{{toDate.year}} </button>
  <button type="button" class="btn btn-dark no-click" *ngIf="!toDate && fromDate" >{{fromDate.day}}/{{fromDate.month}}/{{fromDate.year}} </button>
</div>

我在浏览器中得到的结果是：

我是网络应用程序编程的新手，过去两天我一直在研究这个日期选择器。我已尝试以下示例： https: //ng-bootstrap.github.io/#/components/datepicker/examples#adapter但没有成功。

Answer 1

您需要首先确保您拥有 @angular/localize 包：

如果不） {

npm install @angular/localize --save

然后，在您的 polyfills.ts 文件中导入“@angular/localize/init”，就像错误所示

或者

ng 添加@Angular/localize

它会自动处理它

}