How to map/filter data correctly with luxon (DateTimeNow) and ReactJs

Solution 1:

If you want to check if a given Luxon DateTime object represent the same day of today, you can use hasSame passing date as second parameter

Return whether this DateTime is in the same unit of time as another DateTime. Higher-order units must also be identical for this function to return true. Note that time zones are ignored in this comparison, which compares the local calendar time. Use DateTime#setZone to convert one of the dates if needed.

In your case, you can have something like the following code:

const DateTime = luxon.DateTime;
const input = [{
  status: "closed",
  createdAt: "2022-01-13T15:28:25.239Z"
}, {
  status: "closed",
  createdAt: "2022-01-10T15:28:25.239Z"
}, {
  status: "open",
  createdAt: "2021-11-25T15:28:25.239Z"
}, {
  status: "closed",
  createdAt: new Date().toISOString()
}];

const todayItems = input.filter(item => {
  return DateTime.fromISO(item.createdAt).hasSame(DateTime.now(), 'day') && item.status == "closed";
});
console.log(todayItems)

<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.js"></script>

Solution 2:

Luxon has a function that let's you get a date at certain point of a parameter that's called startOf. So you can do something like:

const todayDate = DateTime.now().startOf("day");

So your todayDate variable will be your current date, but at 00:00:00 time.

And you can make the transformation of the elements date during your filter function to compare them to todayDate like this:

//Please consider that the example for today was at 2022-01-13
const array = [
  { 
    name: "this is for today", 
    date: "2022-01-13T15:28:25.239Z" 
  }, 
  { 
    name: "this was for yesterday", 
    date: "2022-01-12T15:28:25.239Z" 
  }];

const todayDate = DateTime.now().startOf("day");

const todayElements = array.filter((element) => {
  return DateTime.fromISO(element.date).startOf("day").equals(todayDate);
});