角度为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],