Moment.js gives Invalid date in Firefox

Question

I have a requirement to convert date time in moment.js. But it gives me different result in Chrome and Firefox.

In Google Chrome it gives correct result but in Mozilla firefox gives "Invalid date".

Google chrome

moment('2016-Jan-02 02:00 AM').format()
Output: "2016-01-02T02:00:00+05:30"

Mozilla firefox

moment('2016-Jan-02 02:00 AM').format()
"Invalid date"

Your help is much appreciated.

Answer 1

It's recommended to avoid using moment parsing with custom format. As the documentation states :

Browser support for parsing strings is inconsistent.浏览器对解析字符串的支持不一致。 Because there is no specification on which formats should be supported, what works in some browsers will not work in other browsers.

For consistent results parsing anything other than ISO 8601 strings, you should use String + Format.

In your case, the code for consistent parsing will be:

moment('2016-Jan-02 02:00 AM', 'YYYY-MMM-DD HH:mm A')

Answer 2

You're not specifying a format for parsing the string 2016-Jan-02. So moment falls back to the native Date object, which is inconsistent across the different browsers. To parse the date consistently, include a format string along with it.

eg

moment("2016-Jan-02", "DD-MMM-YYYY")

Then if you want to format the moment object as a string, you can do what you were doing before:

moment("2016-Jan-02", "DD-MMM-YYYY").format("DD-MM-YYYY")

which returns the string 02-01-2016 in both browsers.

Answer 3

You need to specify input date format inside moment

moment("input_date_string", "format_of_input_date_string").format("format_of_output_date_string")

eg:

moment("27-06-2022", "DD-MM-YYYY").format("YYYY-MM-DD")

output: 2022-06-27