如何过滤 unix 时间戳

Question

所以基本上我有一个具有搜索按钮或过滤功能的离子移动应用程序。我已经弄清楚如何过滤单词，但这里的问题是日期，因为它是时间戳，并且通过 角度日期过滤器是

<p>at {{item.fromDate | date:'mediumDate'}}</p>

这是一张图片，你可以画出来。

显示的数据。如您所见，fromDate 和 toDate 是 Unix 时间戳

所以这里的问题是我想为日期做一个搜索功能，但我很难知道它是时间戳。

这是我的过滤器代码

getItems(ev: any) {
  console.log("awdaw");
  console.log("awdaw",this.ListOfitems);
  console.log("otin");

  this.ListofItems();
  let val = ev.target.value;
  if (val && val.trim() != '') {
    this.ListOfitems = this.ListOfitems.filter((ListOfitem) => {
      return (ListOfitem.fromAddress.toLowerCase().indexOf(val.toLowerCase()) > -1||
        ListOfitem.toAddress.toLowerCase().indexOf(val.toLowerCase()) >-1) ;


    })
  }

}

Answer 1

您可以在过滤器函数中使用mediumDate 过滤器。

为此，您必须使用DatePipe：

import { DatePipe } from '@angular/common';

你必须在你的课堂上注入这个。您可以在this answer 中查看。

那么就：

this.datePipe.transform(ListOfItem.fromDate, 'mediumDate')
this.datePipe.transform(ListOfItem.toDate, 'mediumDate')

它应该返回与您显示的字符串相同的字符串

因此，您必须添加到过滤器的附加条件是：

this.datePipe.transform(ListOfItem.fromDate, 'mediumDate').toLowerCase().indexOf(val.toLowerCase()) > -1
this.datePipe.transform(ListOfItem.toDate, 'mediumDate').toLowerCase().indexOf(val.toLowerCase()) > -1

顺便说一句，你可以这样做：

const val = (ev.target.value || '').toLowerCase();

所以你不要重复写val.toLowerCase()