首页 > 解决方案 > 无法隐藏周数 ngx-bootstrap daterangepicker

问题描述

我无法在 ngx-bootstrap 日期范围选择器中隐藏周数。我尝试了什么:

.html

 <input type="text" #dp="bsDaterangepicker" (onHidden)="onPickerHide()"  [isOpen]="showPicker"  [(ngModel)]="dateRange" style="position: absolute;visibility: hidden;" placeholder="Daterangepicker" class="form-control" bsDaterangepicker [bsConfig]="dateRangePickerConfig">

app.component.ts

showPicker= true;
datePickerConfig: Partial<BsDatepickerConfig>;
this.datePickerConfig = Object.assign({},
          { showWeekNumbers: false,
           dateInputFormat: 'DD-MM-YYYY'
           }
        );

我收到此控制台错误

在此处输入图像描述

标签: angulartypescriptngx-bootstrap

解决方案


利用[bsConfig]="{ showWeekNumbers:false }"

我在Stackblitz Demo上创建了一个演示

<input 
    type="text" 
    #dp="bsDaterangepicker" 
    (onHidden)="onPickerHide()" 
    [(ngModel)]="dateRange" 
    style="position: absolute;" 
    bsDaterangepicker 
    [bsConfig]="{ showWeekNumbers:false }" 
/>

推荐阅读