Javascript: how to convert a UTC date to local one?

Question

Looks like a very simple thing to do? Not afrer reading this http://dygraphs.com/date-formats.html - what a mess!

var time_utc="2016-04-25 20:19:00.306671";
document.write("Local date:"+new Date(time_utc+" UTC")); // Firefox 44.0.2: Invalid Date

How do I print a date in above format adjusted to local time?

Cameron637 · Answer 1 · 2016-05-05T15:25:40.123

0

Have you looked into Moment.js? http://momentjs.com/ It's a handy date-object wrapper that makes date object manipulation easy. Particularly, the local() function provided will give you what you need here.

All you have to do is install moment from npm and then include it in your js file at the top like this:

var moment = require("moment");

Then to change your time_utc variable to local all you have to do is:

var time_utc="2016-04-25 20:19:00.307";
document.write("Local date:"+moment(time_utc).local());

As someone advised me before, it is not wise to include an entire library for a simple, one time function. As a disclaimer, my work requires me to do many date-time calculations and conversions throughout a large project, so including a library for ease is much preferred in my case. However, if you only have to use it this one time, my answer may not be the best.

edited May 05 '16 at 15:25

answered Apr 25 '16 at 20:55

Cameron637

1,699
13
21

Can I do it in pure JS? – Castle Apr 25 '16 at 22:58
Do you mean the template engine or plain JavaScript? If you mean the template engine I'm not sure I've never used it before. If you mean plain JavaScript then yes, it is a JS library and all you have to do is install it with npm then include the statement var moment = require("moment"); at the top of your js file. – Cameron637 Apr 25 '16 at 23:11
Sorry, one more thing. I found this similar thread that gives an example of how to use the local function http://stackoverflow.com/a/29226671/6252597 – Cameron637 Apr 25 '16 at 23:21
Can you give an example in your answer in how moment.js can be used to solve OP's problem? – Quentin Roy May 05 '16 at 09:24

score 0 · Answer 2 · answered May 02 '16 at 15:11

The article you provided mentions halfway through the page,

Using hyphens (-) instead of slashes (/) works in WebKit browsers, but not in IE or FF. Beware the UTC parse of YYYY-MM-DD!

As well as,

Don't try to specify milliseconds. Only recent versions of Chrome will understand you.

With the date 2016-04-25 20:19:00.306671 you use hyphens and milliseconds. You could modify your time_utc string a bit to make it compatible like so,

var time_utc = "2016-04-25 20:19:00.306671";
time_utc = time_utc.replace(/-/g, "/"); 
time_utc = time_utc.split(".").shift();

var d = new Date(time_utc);
d.toString();

The above code outputs,

Mon Apr 25 2016 20:19:00 GMT+0200 (CEST)

score 0 · Answer 3 · edited Sep 27 '17 at 08:38

0

If you use moment.js, you can use:

var time_utc = "2016-04-25 20:19:00.306671";

var localDate = moment.utc(time_utc).local();

edited Sep 27 '17 at 08:38

g00glen00b

41,995
13
95
133

answered Sep 27 '17 at 08:13

merry_ejik

491
6
8

score -1 · Answer 4 · answered Apr 25 '16 at 21:06

-1

You need append UTC to the string before converting it to a local date in js:

var date = new Date('25/04/2016 4:52:48 PM UTC');
date.toString() // "Mon Apr 25 2016 09:52:48 GMT-0700 (PDT)"

answered Apr 25 '16 at 21:06

Cesar Jr Rodriguez

1,691
4
22
35

Javascript: how to convert a UTC date to local one?

4 Answers4