如何解决使用自定义日期过滤器过滤 PrimeNg 表抛出错误,说值未定义
我有 PrimeNg 表,其中显示了一些数据,包括日期,这是 .html 的相关部分:
<p-table
#dt
[columns]="subjectsColls"
[value]="relatedSubjects"
>
<ng-template pTemplate="header" let-columns>
<tr>
<!-- Here column headers are defined -->
</tr>
<tr>
<ng-container *ngFor="let col of columns" [ngSwitch]="col.field">
<th *ngSwitchCase="'validFrom'">
<p-calendar
[(ngModel)]="dt['filters']['validFrom'] && dt['filters'][col.field].value"
(onSelect)="dt.filter($event,col.field,'datefilter')"
(onClearClick)="dt.filter(null,'datefilter')"
(onTodayClick)="dt.filter(currentDate,'datefilter')"
[style]="{ width: '100%' }"
dateFormat="yy-mm-dd"
showbuttonbar="true"
[appendTo]="'body'"
></p-calendar>
</th>
</ng-container>
</tr>
</ng-template>
<!-- Here table body is defined -->
</p-table>
这是我在 ngOnInit 中带有自定义过滤器的 .ts 组件:
@Component({...})
export class MyComponent implements OnInit {
@ViewChild('dt',{static: false}) public _table: Table;
ngOnInit() {
FilterUtils['datefilter'] = (value,filter): boolean => {
console.log(value); // return null and I don't kNow why
return value.getTime() === filter.getTime();
};
}
}
但是如果我尝试使用日历中的任何选定日期进行过滤,控制台中会弹出一个错误:
ERROR TypeError: Cannot read property 'getTime' of undefined
at primeng_primeng__WEBPACK_IMPORTED_MODULE_5__.FilterUtils.datefilter
为什么 ngOnInit FilterUtils 中的 value 返回 null?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。