javascript - 对primeng表使用日期范围过滤器
问题描述
我有以下代码用于在 PrimeNG 表中实现日期范围过滤器。
<th class="filter_header">
<p-calendar
(onSelect)="historyTable.filter($event,'release_datetime', 'dateRangeFilter')"
placeholder="Search by release date"
[appendTo]="historyTable"
[(ngModel)]="rangeDates"
</p-calendar>
</th>
在组件中,我FilterUtils
定义如下:
FilterUtils['dateRangeFilter'] = (value, filter): boolean => {
if (filter === undefined || filter === null) {
return true;
}
if (value === undefined || value === null) {
return false;
}
console.log(value);
if (this.rangeDates[0] <= value && this.rangeDates[1] >= value) {
return true;
}
}
但这不起作用。如果有人可以指导我正确的方向,那将很有帮助。
我得到的value
是未定义的。我已经尝试过$event.target.value
,但它也不起作用。
解决方案
尝试更新您的日历,如下所示。而不是使用$event
,你需要rangeDates
作为过滤器。
<p-calendar
[(ngModel)]="rangeDates"
(onSelect)="historyTable.filter(rangeDates,'release_datetime', 'dateRangeFilter')"
placeholder="Search by release date"
[appendTo]="historyTable">
</p-calendar>
推荐阅读
- firebase - iam 后 firebase 功能停止工作
- sql-server - 如何在 SSMS 中为服务器创建别名 (MSSQL Tools18)
- scala - 是否可以设置一个上限类型,要求一个类具有成员类型的具体定义?
- php - 在wordpress插件中从js调用php函数
- python - 无法通过 python 使用 selenium 上传文件:ElementNotInteractableException。键盘无法访问元素
- python - Python django外键关系问题
- mautic - Mautic:如何通过登录页面标记用户?
- python - Python字典中的可行列表
- python - 我想使用 python 将数据抓取到格式正确的 csv 文件中
- math - 变换两个数直到它们相等