Filter array of object based on date range

Question

This problem is quite easy but I still can't handle it. I have an array of object let's say something like:

const array = [{id:1,created_at: 2022-03-14T16:40:10.000000Z}, {id:2, created_at:2022-03-15T16:40:10.000000Z}

I want to filter element using moment.js, and having back only the element that have date of creation of today.

What i want to achieved is something like this:

const filtered = array.filter((item)=> item.created_at >= startOfToday && item.created_at <= endOfToday

Filtered will look like: [0]{id:2, created_at:2022-03-15T16:40:10.000000Z}

Thanks in advance for any tips/answers.

And the actual problem/question is? You already mentioned momentjs. Did you check their documentation? — Andreas
– Andreas, Commented Mar 16, 2022 at 15:03
are you looking for this stackoverflow.com/questions/8636617/… — cmgchess
– cmgchess, Commented Mar 16, 2022 at 15:04
Thank you to both, didn't see that method on the documentation! — Levi D.
– Levi D., Commented Mar 16, 2022 at 15:06

twharmon · Accepted Answer · 2022-03-16 15:33:37Z

1

Can you use statOf and endOf to make your filter work?

const filtered = array.filter(item => {
  const createdAt = moment(item.created_at)
  const startOfToday = moment().startOf('day')
  const endOfToday = moment().endOf('day')
  return createdAt.isBetween(startOfToday, endOfToday)
})

edited Mar 16, 2022 at 15:33

answered Mar 16, 2022 at 15:05

twharmon

3,7905 gold badges27 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Levi D. Over a year ago

Doesn't seems to work, returning empty array

twharmon Over a year ago

Are the items in your array from today? In your question I see March 14 and 15, but today might be March 16.

Levi D. Over a year ago

Yes, on my array i have lot of date with 15/03 and one with 16/03, so i expect to have back one element in the filtered array

Levi D. Over a year ago

codepen.io/Levi-D/pen/xxpwLWG I left you the pen to check it

twharmon Over a year ago

I fixed it @LeviD. It didn't work because endOf and startOf mutate the Moment. This is annoying, a bit unpredictable, and really why moment isn't maintained well anymore.

|

GMKHussain · Accepted Answer · 2023-05-21 05:43:13Z

Solution with Pure Vanilla JavaScript

let arr = [
  { name: "Iron Man", released_on: "2002-08-21T00:00:00.000Z" },
  { name: "Captain Amoos", released_on: "2008-08-21T00:00:00.000Z" },
  { name: "Amoos John Wick", released_on: "2014-08-21T00:00:00.000Z" },
  { name: "James Bond", released_on: "2021-08-21T00:00:00.000Z" },
  { name: "Loin King", released_on: "2022-08-21T00:00:00.000Z" },
];


let fromDate = "2004-01-01";
let toDate = "2020-11-22";

const filteredData = (data, key, startDate, endDate) => {     
     startDate = new Date(startDate).getTime();
     endDate = new Date(endDate).getTime();
  
  return data.filter( d => {
    let time = new Date(d[key]).getTime();
    return ( startDate < time && time < endDate )
  });
}

console.log(
  filteredData(arr, "released_on", fromDate, toDate)
);

Collectives™ on Stack Overflow

Filter array of object based on date range

2 Answers 2

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related