Moment Js UTC to Local Time

Question

I'm trying to convert UTC time to the local time. I've been following this example from this link: http://jsfiddle.net/FLhpq/4/light/. I can't seem to get the right local output. For example, if its 10: 30 am in here, instead of getting 10:30 ill get 15: 30. Here is my code:

var date = moment.utc().format('YYYY-MM-DD HH:mm:ss');

var localTime  = moment.utc(date).toDate();

localTime = moment(localTime).format('YYYY-MM-DD HH:mm:ss');

console.log("moment: " + localTime);

No matter what I do the time always comes out at UTC time. I live in Houston so I know timezone is the issue. I've followed the code in the link but can seem to get the local time. What am I doing wrong?

score 363 · Answer 1 · edited Oct 15 '18 at 11:35

363

To convert UTC time to Local you have to use moment.local().

For more info see docs

Example:

var date = moment.utc().format('YYYY-MM-DD HH:mm:ss');

console.log(date); // 2015-09-13 03:39:27

var stillUtc = moment.utc(date).toDate();
var local = moment(stillUtc).local().format('YYYY-MM-DD HH:mm:ss');

console.log(local); // 2015-09-13 09:39:27

Demo:

var date = moment.utc().format();
console.log(date, "- now in UTC"); 

var local = moment.utc(date).local().format();
console.log(local, "- UTC now to local");

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

edited Oct 15 '18 at 11:35

vsync

118,978
58
307
400

answered Sep 12 '15 at 16:00

axon

4,081
1
12
14

25

didn't work for me, the time is still 5 hours ahead of my browers time which is correct – brian Scroggins Sep 12 '15 at 23:39
if momentjs is aware of the local timezone, is there a way to retrieve it or is moment.tz.guess() needed to do this? – jEremyB Jul 12 '19 at 16:58
@jEremyB, `moment().format('Z')` and `moment().format('ZZ')` can help you. Also, take a look at `(new Date()).getTimezoneOffset()` maybe it's enough for you case – axon Jul 15 '19 at 05:05
2

@brianScroggins, be sure to not forget `.utc(date)`. In first part, the line `var local = ...` not having it can be misleading. – Jocelyn Jan 09 '20 at 13:09
I used moment in nodeJs environment and I had to set the timezone in environment-vars for proper work: TZ='Europe/Vienna' https://stackoverflow.com/a/9849524/2560683 – dduft Apr 30 '21 at 19:17

score 110 · Answer 2 · edited Jun 24 '22 at 16:03

110

Try this:

let utcTime = "2017-02-02 08:00:13";

var local_date= moment.utc(utcTime).local().format('YYYY-MM-DD HH:mm:ss');

edited Jun 24 '22 at 16:03

Eugene Barsky

5,780
3
17
40

answered Dec 14 '17 at 06:49

JAMZAD

1,101
1
7
5

5

Specifying the zone in which it was saved worked for me (this answer). Also, found it makes life easier if you always save things in utc then format on the client side. – Juan Pablo Ugas Nov 19 '18 at 00:10
6

This worked in my case where we are saving the time in UTC in our db and only displaying local time on the client. Thanks. – Alex Ehlert Jan 14 '20 at 18:37
This answer worked for me. Converting into local time only in the client side. – devanil Jul 20 '22 at 12:34
This worked for me. – Awais Saifi Jun 15 '23 at 10:23

score 32 · Answer 3 · answered Feb 03 '17 at 19:15

32

let utcTime = "2017-02-02 08:00:13.567";
var offset = moment().utcOffset();
var localText = moment.utc(utcTime).utcOffset(offset).format("L LT");

Try this JsFiddle

answered Feb 03 '17 at 19:15

Abdur Rahim

520
8
18

4

This works great but why doesn't .local() return the same result? – Steve Jun 11 '19 at 10:11
this fiddle returns the following result on my computer: 02/02/2017 8:00 AM (UTC Time) 02/02/2017 10:00 AM (Local Time) 02/02/2017 9:00 AM (Local Time another way) – Steve Jun 12 '19 at 15:18

score 21 · Answer 4 · answered Feb 05 '20 at 03:03

To convert UTC to local time

let UTC = moment.utc()
let local = moment(UTC).local()

Or you want directly get the local time

let local = moment()

var UTC = moment.utc()
console.log(UTC.format()); // UTC time

var cLocal = UTC.local()
console.log(cLocal.format()); // Convert UTC time

var local = moment();
console.log(local.format()); // Local time

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

score 6 · Answer 5 · answered May 10 '17 at 01:57

Note: please update the date format accordingly.

Format Date

   __formatDate: function(myDate){
      var ts = moment.utc(myDate);
      return ts.local().format('D-MMM-Y');
   }

Format Time

  __formatTime: function(myDate){
      var ts = moment.utc(myDate);
      return ts.local().format('HH:mm');
  },

score 5 · Answer 6 · answered May 31 '21 at 08:23

This is old question I see, but I didn't really get what I was looking for. I had a UTC datetime which was formatted without timezone. So I had to do this:

let utcDatetime = '2021-05-31 10:20:00';
let localDatetime = moment(utcDatetime + '+00:00').local().format('YYYY-MM-DD HH:mm:ss');

CodingYourLife · Answer 7 · 2020-10-07T12:05:30.843

3

I've written this Codesandbox for a roundtrip from UTC to local time and from local time to UTC. You can change the timezone and the format. Enjoy!

Full Example on Codesandbox (DEMO):

https://codesandbox.io/s/momentjs-utc-to-local-roundtrip-foj57?file=/src/App.js

edited Oct 07 '20 at 12:05

answered Oct 07 '20 at 04:25

CodingYourLife

7,172
5
55
69

score 2 · Answer 8 · answered Aug 14 '20 at 19:33

2

This is what worked for me, it required moment-tz as well as moment though.

const guess = moment.utc(date).tz(moment.tz.guess());
const correctTimezone = guess.format()

answered Aug 14 '20 at 19:33

Sokushinbutsu

83
1
5

score 2 · Answer 9 · edited Jan 15 '21 at 21:42

Here is what I do using Intl api:

let currentTimeZone = new Intl.DateTimeFormat().resolvedOptions().timeZone; // For example: Australia/Sydney

this will return a time zone name. Pass this parameter to the following function to get the time

let dateTime = new Date(date).toLocaleDateString('en-US',{ timeZone: currentTimeZone, hour12: true});

let time = new Date(date).toLocaleTimeString('en-US',{ timeZone: currentTimeZone, hour12: true});

you can also format the time with moment like this:

moment(new Date(`${dateTime} ${time}`)).format('YYYY-MM-DD[T]HH:mm:ss');

score 1 · Answer 10 · answered Nov 14 '19 at 07:32

I've created one function which converts all the timezones into local time.

Requirements:

1. npm i moment-timezone

function utcToLocal(utcdateTime, tz) {
    var zone = moment.tz(tz).format("Z") // Actual zone value e:g +5:30
    var zoneValue = zone.replace(/[^0-9: ]/g, "") // Zone value without + - chars
    var operator = zone && zone.split("") && zone.split("")[0] === "-" ? "-" : "+" // operator for addition subtraction
    var localDateTime
    var hours = zoneValue.split(":")[0]
    var minutes = zoneValue.split(":")[1]
    if (operator === "-") {
        localDateTime = moment(utcdateTime).subtract(hours, "hours").subtract(minutes, "minutes").format("YYYY-MM-DD HH:mm:ss")
    } else if (operator) {
        localDateTime = moment(utcdateTime).add(hours, "hours").add(minutes, "minutes").format("YYYY-MM-DD HH:mm:ss")
    } else {
        localDateTime = "Invalid Timezone Operator"
    }
    return localDateTime
}

utcToLocal("2019-11-14 07:15:37", "Asia/Kolkata")

//Returns "2019-11-14 12:45:37"

this worked for me! thank you! I used utcToLocal("2019-11-14 07:15:37", moment.tz.guess()) — josgall, Mar 02 '21 at 15:52

score 0 · Answer 11 · answered Mar 02 '23 at 06:57

0

In DataTables or Grids in react, we can use below.

MomentJS.utc(row?.registrationTime).local().format('lll')

In Db: Database Image

In Grid: Grid Image

answered Mar 02 '23 at 06:57

faheem999

52
3

Moment Js UTC to Local Time

11 Answers11

Example:

Demo:

Format Date

Format Time

Linked

Related