¿Cómo filtrar una matriz en función de múltiples condiciones? Tengo varias casillas de verificación marcadas de forma predeterminada y quiero filtrar según la fecha de start_date y la fecha de end_date :
futuro :
start_date es posterior a hoy
past : end_date es posterior a la fecha de hoy
in_progress : start_date es posterior o igual a hoy pero end_date no es posterior a la fecha de hoy
<input v-model="future" type="checkbox" /> <input v-model="past" type="checkbox" /> <input v-model="in_progress" type="checkbox"/> data: function () { return { past: true, future: true in_progress: true items: [ { "name":"Test", "start_date":""2022-01-01T07:00:00-08:00"", "end_date":""2022-03-01T07:00:00-08:00"", "id":"2asfa3r9adsgu83yf83" }, { "name":"Test", "start_date":""2020-01-01T07:00:00-08:00"", "end_date":""2020-02-01T07:00:00-08:00"", "id":"1asfa3r9adsgu83yf83" }, { "name":"Test", "start_date":""2021-10-12T07:00:00-08:00"", "end_date":""2022-10-19T07:00:00-08:00"", "id":"6asfa3r9adsgu83yf83" }, ] } }para in_progress
const items = [ { "name":"Test", "start_date":"2022-01-01T07:00:00-08:00", "end_date":"2022-03-01T07:00:00-08:00", "id":"2asfa3r9adsgu83yf83" }, { "name":"Test", "start_date":"2020-01-01T07:00:00-08:00", "end_date":"2020-02-01T07:00:00-08:00", "id":"1asfa3r9adsgu83yf83" }, { "name":"Test", "start_date":"2021-10-12T07:00:00-08:00", "end_date":"2022-10-19T07:00:00-08:00", "id":"6asfa3r9adsgu83yf83" }, ] const in_progress = items.filter(item => Date.now() > new Date(item.start_date) && Date.now() < new Date(item.end_date)) console.log(in_progress)Puede usar .filter() en la matriz y realizar el filtrado.
const data = () => { return { past: true, future: true, in_progress: true, items: [ { name:"Test1", start_date:"2022-01-01T07:00:00-08:00", end_date:"2022-03-01T07:00:00-08:00", id:"2asfa3r9adsgu83yf83" }, { name:"Test2", start_date:"2020-01-01T07:00:00-08:00", end_date:"2020-02-01T07:00:00-08:00", id:"1asfa3r9adsgu83yf83" }, { name:"Test3", start_date:"2021-10-12T07:00:00-08:00", end_date:"2022-10-19T07:00:00-08:00", id:"6asfa3r9adsgu83yf83" }, ] } } let tempItems = data().items const newtempItems = tempItems.filter(item => Date.parse(item.start_date) >= Date.now()) console.log(newtempItems);