微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

使用自定义日期过滤器过滤 PrimeNg 表抛出错误,说值未定义

如何解决使用自定义日期过滤器过滤 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 举报,一经查实,本站将立刻删除。