Angular 使用角度引导datetimepicker禁用未来日期

Angular 使用角度引导datetimepicker禁用未来日期,angular,datepicker,angular5,bootstrap-datetimepicker,Angular,Datepicker,Angular5,Bootstrap Datetimepicker,我正在建立一个网站,用户可以在其中看到一些图表。这些图表是特定于日期的,因此用户需要选择图表显示的日期 一切正常,但允许用户选择未来日期。这不应该发生,因为图表只针对当前和过去的日期 对于这个项目,我使用Angular5和日期选择器,我似乎找不到禁用这些日期的方法 我使用库显示日期选择器的方式如下: <dl-date-time-picker [startView]="'day'" [minView]="'day'" [maxView]="'year'" [

我正在建立一个网站,用户可以在其中看到一些图表。这些图表是特定于日期的,因此用户需要选择图表显示的日期

一切正常,但允许用户选择未来日期。这不应该发生,因为图表只针对当前和过去的日期

对于这个项目,我使用Angular5和日期选择器,我似乎找不到禁用这些日期的方法

我使用库显示日期选择器的方式如下:

<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