Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Javascript Date Parse with specific locale

I receive date/time objects from user input, and would like to parse them to a javascript Date object. The date is in the format: 02/06/2018 00:59:03 which means second of june, 2018; UK locale. Although this seems extremely trivial and a super wide use case scenario, I can't seem to find anything in the documentation how to specify the locale I wish to use for parsing.

What the parser does is simply assume I am using US locale format, which defaults to having first the month, then the day, and then the year, so it mixes up month and day.

Currently the only available option I see is writing my own parser, which is fine ish (it is not, of course, as I might tomorrow need another locale), but seems a little 1980ies to me.

Maybe I overlooked something in the documentation. But does anyone have any other solution? Would be greatly appreciated.

P.s. I can hardly imagine this has not been asked yet, but my search did not turn up much either.

like image 542
xor Avatar asked Jun 10 '18 08:06

xor


People also ask

How to parse date format in JavaScript?

parse(str) can read a date from a string. The string format should be: YYYY-MM-DDTHH:mm:ss. sssZ , where: YYYY-MM-DD – is the date: year-month-day.

How to parse string to date JavaScript?

Use the Date() constructor to convert a string to a Date object, e.g. const date = new Date('2022-09-24') . The Date() constructor takes a valid date string as a parameter and returns a Date object. Copied! We used the Date() constructor to convert a string to a Date object.

What is toLocaleDateString in JavaScript?

The toLocaleDateString() method returns a string with a language-sensitive representation of the date portion of the specified date in the user agent's timezone.

Which method should be used to convert a date to a string in the current locale?

The format() method of DateFormat class is used to convert Date into String. DateFormat is an abstract class.


1 Answers

From MDN's Date() documentation:

Note: parsing of date strings with the Date constructor (and Date.parse, they are equivalent) is strongly discouraged due to browser differences and inconsistencies. Support for RFC 2822 format strings is by convention only. Support for ISO 8601 formats differs in that date-only strings (e.g. "1970-01-01") are treated as UTC, not local.

If your input is structured and the format is constant, writing your own parser should be straightforward. Here's an approach using a regular expression.

var dateString = '02/06/2018 00:59:03';

var dateParser = /(\d{2})\/(\d{2})\/(\d{4}) (\d{2}):(\d{2}):(\d{2})/;
var match = dateString.match(dateParser);
var date = new Date(
    match[3],  // year
    match[2]-1,  // monthIndex
    match[1],  // day
    match[4],  // hours
    match[5],  // minutes
    match[6]  //seconds
);

console.log('Input: ' + dateString);
console.log('Output (en-US): ' + date.toLocaleString('en-US'));
console.log('Output (en-GB): ' + date.toLocaleString('en-GB'));

Alternatively, string splitting would be pretty easy as well (i.e. split by a space, then split the first result by / and the second result by :).

like image 172
chuckx Avatar answered Oct 23 '22 22:10

chuckx