Javascript date format - from "02-04-2023" to "2 avril 2023", and viceversa. How to?

Question

0.00/5 (No votes)

See more:

I need to convert a date from "DD-MM-YYYY" format to "D MonthName YYYY" format, and viceversa - where "MonthName" is in French.

The first task is quite easy:

JavaScript

var str = "02-04-2023";
[day, month, year] = str.match(/\d+/g);
var dt = new Date(year, month - 1, day).toLocaleDateString("fr-FR", {
day: "numeric",
month: "long",
year: "numeric"
})
console.log(dt); // => 2 avril 2023

But how to do the opposite (in Vanilla JavaScript)? I.e.: how to get "02-04-2023" from "2 avril 2023"?

I don't want to use any array/object of months.

Any suggestions would be much appreciated.

What I have tried:

JavaScript

var str = "02-04-2023";
[day, month, year] = str.match(/\d+/g);
var dt = new Date(year, month - 1, day).toLocaleDateString("fr-FR", {
day: "numeric",
month: "long",
year: "numeric"
})
console.log(dt); // => 2 avril 2023

(But maybe there's a better solution for this)

Posted 2-Apr-23 4:33am

LB2371

Updated 2-Apr-23 5:53am

v2

Add a Solution

Comments

0x01AA 2-Apr-23 11:51am

LB2371 2-Apr-23 12:33pm

It doesn't work:
console.log(formattedDate); // => NaN-NaN-NaN
It works perfectly with "2 April 2023":
console.log(formattedDate); // => 02-04-2023
But I need to use French months.

0x01AA 2-Apr-23 12:45pm

I see...
const { parse, format } = require('date-fns');
const frenchDate = "2 avril 2023";
const parsedDate = parse(frenchDate, "d MMMM yyyy", new Date(), { locale: require('date-fns/locale/fr') });
const formattedDate = format(parsedDate, 'dd-MM-yyyy');
console.log(formattedDate); // Output: 02-04-2023

Btw. use correct reply button ;)

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

OriginalGriff · Answer 1 · 2023-04-02T05:53:00

Solution 1

My computer isn't set up for French, but ... give Date.parse() - JavaScript | MDN[^] a try. It works with '2 April 2023' for me, so there is a good chance it'll accept French months on a French configured browser.

Posted 2-Apr-23 5:53am

OriginalGriff

Javascript date format - from "02-04-2023" to "2 avril 2023", and viceversa. How to?

1 solution

Solution 1

Add your solution here

Preview 0

Javascript date format - from "02-04-2023" to "2 avril 2023", and viceversa. How to?

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us