Angular 使用角度引导datetimepicker禁用未来日期
我正在建立一个网站,用户可以在其中看到一些图表。这些图表是特定于日期的,因此用户需要选择图表显示的日期 一切正常,但允许用户选择未来日期。这不应该发生,因为图表只针对当前和过去的日期 对于这个项目,我使用Angular5和日期选择器,我似乎找不到禁用这些日期的方法 我使用库显示日期选择器的方式如下:Angular 使用角度引导datetimepicker禁用未来日期,angular,datepicker,angular5,bootstrap-datetimepicker,Angular,Datepicker,Angular5,Bootstrap Datetimepicker,我正在建立一个网站,用户可以在其中看到一些图表。这些图表是特定于日期的,因此用户需要选择图表显示的日期 一切正常,但允许用户选择未来日期。这不应该发生,因为图表只针对当前和过去的日期 对于这个项目,我使用Angular5和日期选择器,我似乎找不到禁用这些日期的方法 我使用库显示日期选择器的方式如下: <dl-date-time-picker [startView]="'day'" [minView]="'day'" [maxView]="'year'" [
<dl-date-time-picker
[startView]="'day'"
[minView]="'day'" [maxView]="'year'"
[ngModel]="item.entity"
(click)="$event.stopPropagation()"
(ngModelChange)="onDateChange(filter, item, $event, dd)">
</dl-date-time-picker>
<dl-date-time-picker
[selectFilter]="selectFilter"
[ngModel]="item.entity"
(click)="$event.stopPropagation()"
(ngModelChange)="onDateChange(filter, item, $event, dd)">
</dl-date-time-picker>
private selectFilter(dateButton: DateButton, viewName: string): boolean {
return dateButton.value <= (new Date()).getTime();
}
有人知道怎么做吗
注:我已经看过旧的问题/答案,它们不起作用,因为它们适用于图书馆的所有版本。我在图书馆的网站上找到了解决方案 有一个名为“selectFilter”的属性可以绑定到函数,因此其用法如下:
<dl-date-time-picker
[startView]="'day'"
[minView]="'day'" [maxView]="'year'"
[ngModel]="item.entity"
(click)="$event.stopPropagation()"
(ngModelChange)="onDateChange(filter, item, $event, dd)">
</dl-date-time-picker>
<dl-date-time-picker
[selectFilter]="selectFilter"
[ngModel]="item.entity"
(click)="$event.stopPropagation()"
(ngModelChange)="onDateChange(filter, item, $event, dd)">
</dl-date-time-picker>
private selectFilter(dateButton: DateButton, viewName: string): boolean {
return dateButton.value <= (new Date()).getTime();
}
然后,选择过滤器可以这样定义:
<dl-date-time-picker
[startView]="'day'"
[minView]="'day'" [maxView]="'year'"
[ngModel]="item.entity"
(click)="$event.stopPropagation()"
(ngModelChange)="onDateChange(filter, item, $event, dd)">
</dl-date-time-picker>
<dl-date-time-picker
[selectFilter]="selectFilter"
[ngModel]="item.entity"
(click)="$event.stopPropagation()"
(ngModelChange)="onDateChange(filter, item, $event, dd)">
</dl-date-time-picker>
private selectFilter(dateButton: DateButton, viewName: string): boolean {
return dateButton.value <= (new Date()).getTime();
}
private-selectFilter(日期按钮:日期按钮,视图名称:字符串):布尔值{
返回日期按钮.value