Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/27.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用日期范围过滤器填充表_Javascript_Angular_Typescript_Primeng_Date Range - Fatal编程技术网

Javascript 使用日期范围过滤器填充表

Javascript 使用日期范围过滤器填充表,javascript,angular,typescript,primeng,date-range,Javascript,Angular,Typescript,Primeng,Date Range,我有以下代码用于在priming表中实现日期范围过滤器 <th class="filter_header"> <p-calendar (onSelect)="historyTable.filter($event,'release_datetime', 'dateRange

我有以下代码用于在priming表中实现日期范围过滤器

                    <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>
但这是行不通的。如果有人能指引我正确的方向,那将是很有帮助的


我得到的
未定义。我已尝试使用
$event.target.value
,但它也不起作用。

尝试如下更新日历。您不需要使用
$event
,而需要
rangeDates
作为过滤器


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;
  }
}