Convert time to client local time in javascript

Question

if i have some time with UTC now. which coming from backend in json format like:

cache_time: "2019-04-29 06:12:06"

and eg. some user will open page in some another country or city. How i can convert it to this user time with javascript?

Hi what have you tried so far? – t3__rry Apr 29 '19 at 07:24 — t3__rry, Apr 29 '19 at 07:24

score 0 · Answer 1 · edited Jul 02 '19 at 17:46

0

Use the Moment.js libary:

date = new Date("2019-04-29 06:12:06Z");

var withoutUTC = moment(date).toString();
var withUTC = moment.utc(date).toString();
console.log(withoutUTC)
console.log(withUTC)

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.1/moment.js"></script>

edited Jul 02 '19 at 17:46

Malekai

4,765
5
25
60

answered Apr 29 '19 at 07:29

Syed Mehtab Hassan

1,297
1
9
23

It's mean this date 2019-04-29 06:12:06 so when time was 06:12:06 on my computer my time was a 03:12:06 right ? – user3348410 Apr 29 '19 at 07:33
No, this gives a date and time in the users time-zone. Add a 'Z' to the end of the timestamp, and Date will understand that it is UTC and will display it in the users timezone. – some Apr 29 '19 at 07:33
[*Why does Date.parse give incorrect results?*](https://stackoverflow.com/questions/2587345/why-does-date-parse-give-incorrect-results) – RobG Apr 29 '19 at 12:42
@user3348410 what output you expect ? – Syed Mehtab Hassan Apr 29 '19 at 13:00
I understand that: it's give me difference with utc time and my local time. so +03.00 hours. Everything well. But how i can show it like 2019-04-29 ' here sum of this difference time' eg: if utc is 12:00 and difference 3 hour i would show it like: 2019-04-29 15:00 – user3348410 Apr 29 '19 at 13:02
@user3348410 you want to show the date part only? – Syed Mehtab Hassan Apr 29 '19 at 13:05
No i want to show updated date and time with difference. So more readable 2019-04-29 06:12:06 like this. just calculated version with difference – user3348410 Apr 29 '19 at 13:06
@user3348410 check – Syed Mehtab Hassan Apr 29 '19 at 13:24

some · Accepted Answer · 2019-04-29T12:57:59.677

0

A string with "2019-04-29 06:12:06" does not indicate the time zone. If you add a 'Z' at the end, the built in Date function understands that the time is in UTC.

const cache_time = "2019-04-29 06:12:06";

const date = new Date ( cache_time + "Z" );
console.log("UTC TIME", date.toISOString())
console.log("LOCAL TIME", date.toLocaleString() );

edited Apr 29 '19 at 12:57

answered Apr 29 '19 at 07:34

some

48,070
14
77
93

@SyedMehtabHassan There is no need to call `Date.parse` since `Date` will parse the argument since it is a string. – some Apr 29 '19 at 07:42
sorry i just want to edit my answer and edit yours by mistake – Syed Mehtab Hassan Apr 29 '19 at 07:42
@SyedMehtabHassan Ok :) Happy editing! – some Apr 29 '19 at 07:43

score -1 · Answer 3 · answered Apr 29 '19 at 08:04

-1

Use moment.js to convert utc to local time.In your case: moment().utc("2019-04-29 06:12:06").local().format()

answered Apr 29 '19 at 08:04

Haris Jamil

19
4

It's give me "2019-04-29T18:40:24+03:00" something like this. i didn't understand what is this mean – user3348410 Apr 29 '19 at 12:41
what date time object you passed to moment? – Haris Jamil Apr 30 '19 at 09:58

score -2 · Answer 4 · answered Apr 29 '19 at 08:32

-2

Or you can use spacetime.js, which is based on moment.js and takes into consideration also timezones. const localTimeDate = spacetime().now().format();

answered Apr 29 '19 at 08:32

Martin Spd

53
1
4

Convert time to client local time in javascript

4 Answers4