小编And*_*rea的帖子

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

我创建了一个带有引导日期选择器的角度应用程序的网站。问题是这个日期选择器的标题不可见 - 没有箭头或旋转器来选择月份和年份。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" …
Run Code Online (Sandbox Code Playgroud)

datepicker angular-ui-bootstrap bootstrap-datepicker

2
推荐指数
1
解决办法
1202
查看次数