角度为5的日期范围拣选器 .

您可以在Html文件中使用此代码 .

<input
                        class="form-control"
                        bsDaterangepicker
                        id="rangedagte"
                        type="text"
                        [bsConfig]="bsConfig"
                        [(ngModel)]="RangeValue"
                        placeholder="Select Date Range"
                        (bsValueChange)="selectRange($event)"
                      />

您可以在Ts文件中使用它 .

initialDate = new Date();
          RangeValue: Date[];
          maxDate = new Date();
          bsConfig: Partial<BsDatepickerConfig> = new BsDatepickerConfig();
          constructor() {
            this.maxDate.setDate(this.maxDate.getDate() + 7);
            this.RangeValue= [this.initialDate, this.maxDate];
          }

          ngOnInit() {
            this.bsConfig = Object.assign({}, { showWeekNumbers: false, containerClass: 'theme-blue', dateInputFormat: 'MM/DD/YYYY' });
          }
          selectRange(value: Date): void {
            console.log(value);
          }

您应该在当前组件模块中的以下模块中导入 .

导入:[BsDatepickerModule.forRoot(),FormsModule],