Troubleshooting the issue: JavaScript's Time comparison failure with JSON versus Local time

Question

Troubleshooting the issue: JavaScript's Time comparison failure with JSON versus Local time

Dealing with JSON data like the following:

[
    {
        "hourly_AQI": 73.0,
        "hourly_date": "Tue, 31 Oct 2023 11:00:00 GMT"
    },
    {
        "hourly_AQI": 79.0,
        "hourly_date": "Tue, 31 Oct 2023 13:00:00 GMT"
    },
    {
        "hourly_AQI": 77.0,
        "hourly_date": "Tue, 31 Oct 2023 14:00:00 GMT"
    }
]

I have written code that creates an array of data where the hourly_date is greater than the current local time. However, when I run the code at 18:03, it only gives me data from 13:00:00 onwards. Why is that?

const now = new Date();
const filteredData = aqiData?.filter((item) => {  
    const date = new Date(item.hourly_date);
    // Check if the item's date is in the future
    return date >= now
});
console.log(filteredData)

I also tried running the code around 1 PM, but it still returns data from 7:00 AM onwards, even though I specified greater than or equal to. I'm confused, please help!

javascript json time compare

Answer 1

Answer №1

const currentDateTime = new Date();
const localTimeZone = 'your-local-time-zone-here';

const formatter = new Intl.DateTimeFormat('en-US', { timeZone: localTimeZone, hour12: false });
const filteredData = aqiData?.filter((item) => {  
    const dataDate = new Date(item.hourly_date);
    const formattedDate = formatter.format(dataDate);

    return new Date(formattedDate) >= currentDateTime;
});
console.log(filteredData);

Answer 2

const currentDateTime = new Date();
const localTimeZone = 'your-local-time-zone-here';

const formatter = new Intl.DateTimeFormat('en-US', { timeZone: localTimeZone, hour12: false });
const filteredData = aqiData?.filter((item) => {  
    const dataDate = new Date(item.hourly_date);
    const formattedDate = formatter.format(dataDate);

    return new Date(formattedDate) >= currentDateTime;
});
console.log(filteredData);

Answer 3

Answer №2

To ensure accurate comparison, convert the current Date object to GMT before proceeding. Follow these steps to achieve this:

const now = new Date();
const nowInGMT = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());

const filteredData = aqiData?.filter((item) => {  
    const date = new Date(item.hourly_date);
    // Confirm if the item's date lies in the future
    return date >= nowInGMT;
});
console.log(filteredData);

Answer 4

To ensure accurate comparison, convert the current Date object to GMT before proceeding. Follow these steps to achieve this:

const now = new Date();
const nowInGMT = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());

const filteredData = aqiData?.filter((item) => {  
    const date = new Date(item.hourly_date);
    // Confirm if the item's date lies in the future
    return date >= nowInGMT;
});
console.log(filteredData);

Troubleshooting the issue: JavaScript's Time comparison failure with JSON versus Local time

Answer №1

Answer №2

Similar questions

What are the best ways to engage with a div element using keyboard shortcuts?

Differences between React class properties and ES6 class properties

Disregarding TypeScript import errors within a monorepo ecosystem

Issues with NGRepeat causing AJAX JSON errors

Issue with Vue components causing dropdowns and modals to malfunction until a page refresh

Having trouble with a JavaScript function as a novice coder

What is the most efficient way to integrate JSON Data into a Line of Business Web Application?

Specialized spinning tool not in sight

Guide to dynamically loading a component using a variable name in Vue.js?

Here are the steps to trigger a pop-up window in JavaScript that is filled with data fetched via an AJAX call:

Exploring a JavaScript object to verify if a property contains nested data elements

Is there a problem with the string comparison in my JavaScript code?

The React.useCallback hook in Cube.js is missing a dependency, specifically 'pivotConfig'. This could potentially cause unexpected behavior in the application

Ways to acquire ttf files from a third-party domain without encountering CORS issues

Tips for transferring a variable from Next.js to a plain JavaScript file

Transitioning React Hover Navbar Design

Encountering the error message: "Error -[__NSArrayM city]: unrecognized selector sent to instance 0x111c03460"

Retrieve data from a jQuery AJAX request and perform further jQuery actions upon its successful completion

The error occurred while trying to cast the value of "{{Campground.name}}" to an ObjectID. This value, which is of type string, could not be converted to an ObjectID at the path "_id" for

I am attempting to send an array as parameters in an httpservice request, but the parameters are being evaluated as an empty array