Verify the dates in various formats

Question

Verify the dates in various formats

I need to create a function that compares two different models. One model is from the initial state of a form, retrieved from a backend service as a date object. The other model is after conversion in the front end.

function findDateDifferences(obj1, obj2) {
  return Object.entries(obj1).reduce((diff, [key, value]) => {
    // Check if the property exists in obj2.
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      // Compare the values of the properties in both objects.
      if (val !== value) {
        return {
          ...diff,
          [key]: val,
        };
      }
    }

    // Return the previous diff object if no differences found.
    return diff;
  }, {});
}

const x = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test"
};
const y = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test"
};


console.log(findDateDifferences(x, y));

In this scenario, the dates are the same but in different formats. How can I modify the function to recognize them as identical?

javascript typescript

Answer 1

Answer №1

Steps to Compare Date Properties:

First, we check if the property is a date by using the isNaN() function along with the valueOf() function of the Date object.
If we only need the date without the time, we can utilize the toDateString() extension method of the Date object.

function compareDateProperties(obj1, obj2) {
  return Object.entries(obj1).reduce((diff, [key, value]) => {
    // Check if the property exists in obj2.
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      if (typeof val === "string") {
        const obj1Date = new Date(value);
        const obj2Date = new Date(val);

        // Validate if the values are valid dates. If not, proceed with regular comparison.
        if (!isNaN(obj1Date) && !isNaN(obj2Date)) {
          return obj1Date.toDateString() !== obj2Date.toDateString() ? { ...diff,
            [key]: val
          } : diff;
        }

      }

      // Check if the property's value differs between obj1 and obj2.
      if (val !== value) {
        return {
          ...diff,
          [key]: val,
        };
      }
    }

    // Return the previous diff object if the property doesn't exist in both objects.
    return diff;
  }, {});
}

const objA = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test",
  num: 1
};
const objB = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test",
  num: 2
};


console.log(compareDateProperties(objA, objB));

Answer 2

Steps to Compare Date Properties:

First, we check if the property is a date by using the isNaN() function along with the valueOf() function of the Date object.
If we only need the date without the time, we can utilize the toDateString() extension method of the Date object.

function compareDateProperties(obj1, obj2) {
  return Object.entries(obj1).reduce((diff, [key, value]) => {
    // Check if the property exists in obj2.
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      if (typeof val === "string") {
        const obj1Date = new Date(value);
        const obj2Date = new Date(val);

        // Validate if the values are valid dates. If not, proceed with regular comparison.
        if (!isNaN(obj1Date) && !isNaN(obj2Date)) {
          return obj1Date.toDateString() !== obj2Date.toDateString() ? { ...diff,
            [key]: val
          } : diff;
        }

      }

      // Check if the property's value differs between obj1 and obj2.
      if (val !== value) {
        return {
          ...diff,
          [key]: val,
        };
      }
    }

    // Return the previous diff object if the property doesn't exist in both objects.
    return diff;
  }, {});
}

const objA = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test",
  num: 1
};
const objB = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test",
  num: 2
};


console.log(compareDateProperties(objA, objB));

Answer 3

Answer №2

The best approach would be to compare

new Date(val) !== new Date(value)

, but due to the missing timezone in the second time format, it leaves room for interpretation. Additionally, you specified that only the date itself is important, not the specific time of day.

function findPropertyDiscrepancies(obj1, obj2) {
  return Object.entries(obj1).reduce((discrepancies, [key, value]) => {
    // Check if the property exists in obj2.
    
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      // Determine if the values are different between obj1 and obj2.
      if (new Date(val.split(" ").slice(2,5).join(" ")) !== new Date(value.split("T")[0])) {
        return {
          ...discrepancies,
          [key]: val,
        };
      }
    }

    // Return the existing discrepancies object if no differences were found.
    return discrepancies;
  }, {});
}

const data1 = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test"
};
const data2 = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test"
};

console.log(findPropertyDiscrepancies(data1, data2));

Answer 4

The best approach would be to compare

new Date(val) !== new Date(value)

, but due to the missing timezone in the second time format, it leaves room for interpretation. Additionally, you specified that only the date itself is important, not the specific time of day.

function findPropertyDiscrepancies(obj1, obj2) {
  return Object.entries(obj1).reduce((discrepancies, [key, value]) => {
    // Check if the property exists in obj2.
    
    if (obj2.hasOwnProperty(key)) {
      const val = obj2[key];

      // Determine if the values are different between obj1 and obj2.
      if (new Date(val.split(" ").slice(2,5).join(" ")) !== new Date(value.split("T")[0])) {
        return {
          ...discrepancies,
          [key]: val,
        };
      }
    }

    // Return the existing discrepancies object if no differences were found.
    return discrepancies;
  }, {});
}

const data1 = {
  dateOfBirth: "Wed Jan 06 2021 12:00:05 GMT-0700 (Mexican Pacific Standard Time)",
  name: "test"
};
const data2 = {
  dateOfBirth: "2021-01-06T12:00:05.357",
  name: "test"
};

console.log(findPropertyDiscrepancies(data1, data2));

Verify the dates in various formats

Answer №1

Answer №2

Similar questions

Working with relative paths in React Native TypeScript using WebStorm

Exploring Angular 2 Tabs: Navigating Through Child Components

A code to ensure input values are always set to the maximum possible value

Contrasts between the storage of data in a static function versus a static object

Problems with radio button serialization in jQuery form plugin

Unable to modify the theme provider in Styled Components

Is there a way to change an ISO 8601 date into the format '/Date(1525687010053)/' using JavaScript?

Helping JavaScript determine my current location on the website

Steps for resolving the error message: "An appropriate loader is required to handle this file type, but there are no loaders currently configured to process it."

Struggling to get my JavaScript function for calculating one rep max to work, need some help figuring out the issue

Create dynamic transitions for hidden elements using a special technique

The scrolling speed of the mousewheel in Firefox is notably slower compared to that of Google Chrome

Fixing 500 (Internal Server Error) in Vue.js and Laravel: The Ultimate Guide

Is it possible to create a combined header/declaration file in Golang within a single file?

Peculiar redirection encountered while handling a form with checkbox option

I possess a list of unique identifiers and require the ability to either update an existing object within an array contained in a MongoDB document, if it exists,

Even when the outcome is not what was anticipated, mocha chai still manages to ace the examination

The issue with AngularJS multiple $http requests failing to fetch accurate data

A guide to sharing session variables with express views

Discovering ways to fetch an array of objects using object and arrays in JavaScript