按分钟过滤数据 VueJs

Question

我的 VueJs 页面中有一个数据表，并通过 ajax 请求获取其数据。返回数据是这样的

{
    name: "Test Name",
    created_at: "2019-06-14 07:31:15"
}

我的按钮应该使用以下规则过滤数据：

Created data within the last 5 mins
Created data within the last 15 mins
Created data within the last 30 mins

鉴于我的created_at，我该怎么做？我有这个当前功能

computed: {
    filterData() {
        return this.customers.filter(item => item.created_at.includes(new Date().getDay()+1));
    }
}

数据this.customers是我的ajax请求数据。

我只是从这里引用它 filter response data date wise vue 。基于此，我希望数据被 1 天前的数据过滤。但这对我也不起作用。也许是因为我的日期是日期时间而不是日期？

Answer 1

如果你的日期格式是默认JS Date函数可解析的，你可以试试下面的代码。两个日期之间的减号 (-) 将以毫秒为单位给出差异。除以 60 * 1000 以分钟为单位得出差异。

a = [{
    name: "Test Name",
    created_at: "2019-09-29 10:00:15"
},
{
    name: "Test Name",
    created_at: "2019-09-29 10:21:15"
},
{
    name: "Test Name",
    created_at: "2019-09-29 09:21:15"
},
{
    name: "Test Name",
    created_at: "2019-09-29 09:50:15"
}]

const filterByLastMins = (mins, arr) => {
    const currentTime = new Date();
    return arr.filter((elem) => {
        const diffInMins = (currentTime -  Date.parse(elem.created_at)) / (1000 * 60);
        return diffInMins < mins
    })
}

res = filterByLastMins(60, a);
console.log(res);