Convert the Date FR and Date US formats to ISO date format

Question

Convert the Date FR and Date US formats to ISO date format

There is a function in my code that accepts dates in different formats. It can handle two formats:

2022-06-04

or

04/06/2022

I want all dates to be in the format:

2022-06-04

For instance:

public getMaxduration(data: object[]): number {


 data.forEach((line) => {
  const periodFrom = new Date(line['period_to'];
  const periodTo = new Date(line['period_from'];

  console.log(periodFrom);
  console.log(periodTo);

 })

}

The issue I'm facing is when a date is provided in the dd/mm/yyyy format, it causes problems. How can I ensure all dates within this function are formatted as yyyy-mm-dd?

javascript typescript date date-format

Answer 1

Answer №1

To effectively handle different input formats, one approach is to utilize regular expressions to determine the format before creating an array containing [year, month, day] values extracted from the input string using String.split(). In cases where the input date follows the pattern day/month/year, a reversal of the array is performed to ensure correct values are obtained.

After obtaining year, month, and day values, the map function along with join is employed to generate the desired output format.

function reformatDate(input) {
    let arr = [];
    if (/\d{4}-\d{1,2}-\d{1,2}/.test(input)) {
        arr = input.split('-'); // yyyy-M-d
    } else if (/\d{1,2}\/\d{1,2}\/\d{4}/.test(input)) {
        arr = input.split('/').reverse(); // d/M/yyyy
    } else {
        throw new Error('Unknown date format:', input);
    }
    return arr.map(str => str.padStart(2, '0')).join('-');
}

const dates = ['2022-10-18', '2022-08-23', '18/10/2022', '31/2/2019'];

console.log('Input'.padEnd(12), 'Output')
dates.forEach(date => { 
    console.log(date.padEnd(12), reformatDate(date))
})

Answer 2

To effectively handle different input formats, one approach is to utilize regular expressions to determine the format before creating an array containing [year, month, day] values extracted from the input string using String.split(). In cases where the input date follows the pattern day/month/year, a reversal of the array is performed to ensure correct values are obtained.

After obtaining year, month, and day values, the map function along with join is employed to generate the desired output format.

function reformatDate(input) {
    let arr = [];
    if (/\d{4}-\d{1,2}-\d{1,2}/.test(input)) {
        arr = input.split('-'); // yyyy-M-d
    } else if (/\d{1,2}\/\d{1,2}\/\d{4}/.test(input)) {
        arr = input.split('/').reverse(); // d/M/yyyy
    } else {
        throw new Error('Unknown date format:', input);
    }
    return arr.map(str => str.padStart(2, '0')).join('-');
}

const dates = ['2022-10-18', '2022-08-23', '18/10/2022', '31/2/2019'];

console.log('Input'.padEnd(12), 'Output')
dates.forEach(date => { 
    console.log(date.padEnd(12), reformatDate(date))
})

Answer 3

Answer №2

There are two approaches you can take:

1. Utilize the moment library:

return moment(new Date(dateInput)).format('YYYY-MM-DD');

2. Alternatively, you can achieve the same result with the following code snippet:

const date = new Date(dateInput);
return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();

Answer 4

There are two approaches you can take:

1. Utilize the moment library:

return moment(new Date(dateInput)).format('YYYY-MM-DD');

2. Alternatively, you can achieve the same result with the following code snippet:

const date = new Date(dateInput);
return date.getFullYear() + "-" + (date.getMonth() + 1) + "-" + date.getDate();

Convert the Date FR and Date US formats to ISO date format

Answer №1

Answer №2

Similar questions

Tips for successfully retrieving a boolean value from an ASP.Net JavaScript AJAX request using a C# method

Having trouble converting JSON into a JavaScript object

angular and node: troubleshooting the $http.get error

Encountering a 500 internal server error while trying to submit a form via AJAX and

Return either a wrapped or base type based on the condition

The system encountered an issue while trying to access the property 'emailVerified' of an undefined object

Concealing and revealing template URLs with AngularJS

Fetching information via AJAX to populate a whitelist for Tagify

Searching Firestore arrays for objects based on one of two fields

Passing Parent Method to Child Component in React Native

Utilizing Filepond to extract base64 data in a React JS environment

javascript image alert

Using an iframe containing a link to trigger the opening of a colorbox in the

Steps to dynamically set the value of an input type="time" using JavaScript

When a new element is added to the DOM, bind a click event to it that will trigger another

Tips on ensuring Angular calls you back once the view is ready

"Trouble with Angular JS foreach loop: only the final item in the array

Individualize JavaScript clients for each module in ExpressJS

Adding a class using jQuery based on whether a section is visible or hidden on the screen

Introduction to React with Typescript: Greeting the World