Convert client date / time string to JSON date / time string using JavaScript

Question

I am trying to convert a client date / time string on a form into a JSON date / time string using JavaScript and moment (for a Django REST API back end). Here is what I have so far:

document.getElementById("dt_tm").value = 
moment(document.getElementById("inp-st").value, "DD/MM/YYYY HH:mm").toJSON();

Two problems with this:

The date format cannot be hard coded as the client may have a different date format,
moment adjusts the date / time and I don't need it to do that because the back end performs that function (using Django time zones).

So for example:

moment("14/05/2016 18:00", "DD/MM/YYYY HH:mm").toJSON() =
"2016-05-14T17:00:00.000Z"

When what I need is:

"2016-05-14T18:00"

(In this example my time zone is currently GMT+1.)

JSON.stringify(new Date()) is "2016-05-10T14:27:19.698Z" if thats what your after — Alex K.
– Alex K., Commented May 10, 2016 at 14:27
What do you mean by "cannot be hardcoded"? Wouldn't the format have to be hardcoded since it has to be sent as string? — castletheperson
– castletheperson, Commented May 10, 2016 at 14:52
I meant that the "DD/MM/YYYY" needs to change to "MM/DD/YYYY" on the client when in the US. — gornvix
– gornvix, Commented May 10, 2016 at 15:01
JSON date string should contain the zone info, otherwise it would be erroneous to convert it to Date object — MaxZoom
– MaxZoom, Commented May 10, 2016 at 15:06

castletheperson · Accepted Answer · 2016-05-10 16:38:17Z

2

If you would like toJSON to return the date in a different format, redefine moment.fn.toJSON to that it returns with your custom format instead of the default ISO8601 date format. This is outlined in the documentation.

moment.fn.toJSON = function() { 
    return this.format("YYYY-MM-DDTHH:mmZ"); 
};

edited May 10, 2016 at 16:38

answered May 10, 2016 at 14:43

castletheperson

33.6k11 gold badges74 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

gornvix Over a year ago

That solves my main problem. Although I still have the problem of switching to US date format on the client, I gave you the tick anyway.

gornvix Over a year ago

I think there should be a "Z" on the end of the format!

castletheperson Over a year ago

Ok, I changed it. I don't know what that does exactly. Regarding the US date format, you can just use an if statement for "if the user is from the US, use the other format"

castletheperson Over a year ago

You are probably interested in this question if you want locale detection.

gornvix Over a year ago

The "Z" ensures the time zone information is preserved.

|

Collectives™ on Stack Overflow

Convert client date / time string to JSON date / time string using JavaScript

1 Answer 1

6 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related