Angular ngx-bootstrap日期选择器如何限制未来的月份和年份

Question

输入图片描述

. html文件

<input class="form-control" name="dp" placeholder="MM/YYYY" bsDatepicker [(ngModel)]="currentMonth"
#d="bsDatepicker" (ngModelChange)="onDateChange($event)" (onShown)="onOpenCalendar($event)"
[bsConfig]="{dateInputFormat: 'MM/YYYY'}" />

。ts文件

onOpenCalendar(container) {
container.monthSelectHandler = (event: any): void => {
container._store.dispatch(container._actions.select(event.date));
};     
container.setViewMode('month');
endDate: new Date();
}

我需要隐藏未来的月份和年份。你知道吗?

Answer 1

有一个最小值&max输入字段的日期属性。

html

<input class="form-control"
placeholder="Datepicker"
ngModel
bsDatepicker
[minDate]="minDate"
[maxDate]="maxDate">

组件

export class DemoDatepickerMinMaxComponent {
minDate: Date;
maxDate: Date;

constructor() {
this.minDate = new Date();
this.maxDate = new Date();
this.minDate.setDate(this.minDate.getDate() - 1);
this.maxDate.setDate(this.maxDate.getDate() + 7);
}
}

见NGX bootstrap网站上的例子:https://valor-software.com/ngx-bootstrap//datepicker # min-max