Convert local time to another timezone using Moment JS
Today we’ll show you how to convert local time to another timezone using Moment JS. Additionally, we’ll show you more conversion functions such as convert local time to UTC time, UTC time to desire timezone, etc.
Previously, we have covered the article where you can get the local time to another timezone but it’s in JavaScript. Here we will use the Moment.js.
Use moment and moment-timezone script
We have to add the following moment scripts to convert time.
1 2 | <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.26.0/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.31/moment-timezone-with-data-2012-2022.min.js"></script> |
Convert time using Moment.js
- Get current local date and time
- Get current UTC date and time
- Convert local time to UTC time
- Convert UTC time to local time
- Convert UTC time to another timezone
- Convert local time to another timezone
1. Get current local date and time
The below function will give you the local date and time using moment.js.
1 2 3 4 5 6 | // get current local date and time function getCurrentLocalDateTime() { return moment().format('YYYY-MM-DD hh:mm:ss A'); } // Current local date: getCurrentLocalDateTime(); // Output: 2020-05-20 06:11:47 PM |
You can change the format of the return date. Check out the format of the date.
2. Get current UTC date and time
If you want to get an UTC datetime then use the following function.
1 2 3 4 5 6 | // get current UTC date and time function getCurrentUTCDateTime() { return moment.utc().format('YYYY-MM-DD hh:mm:ss A'); } // Current UTC date: getCurrentUTCDateTime(); // Output: 2020-05-20 12:41:47 PM |
3. Convert local time to UTC time
Moment is providing the .utc() function to get UTC datetime that function will be used to return UTC time. To convert local time to UTC time, run the below function.
1 2 3 4 5 6 7 8 9 10 11 12 | // convert local time to UTC time function convertLocalToUTC(dt, dtFormat) { return moment(dt, dtFormat).utc().format('YYYY-MM-DD hh:mm:ss A'); } // Current local date to UTC date: convertLocalToUTC(moment()); // Output: 2020-05-20 12:41:47 PM // Local date "2020-05-20 10:12:44 PM" to UTC date: convertLocalToUTC('2020-05-20 10:12:44 PM'); // Output: 2020-05-20 04:42:44 PM // Local date "20-05-2020 10:12:44 PM" to UTC date: convertLocalToUTC('20-05-2020 10:12:44 PM', 'DD-MM-YYYY hh:mm:ss A'); // Output: 2020-05-20 04:42:44 PM |
In the above function, we consider two different parameters, one is date and second one is format that is used to pass the format of the given date.
4. Convert UTC time to local time
Now, let’s convert an UTC time to local time for that use the following function.
1 2 3 4 5 6 7 | // convert utc time to local time function convertUTCToLocal(utcDt, utcDtFormat) { var toDt = moment.utc(utcDt, utcDtFormat).toDate(); return moment(toDt).format('YYYY-MM-DD hh:mm:ss A'); } // UTC date "2020-05-20 04:42:44 PM" to local date: convertUTCToLocal('2020-05-20 04:42:44 PM'); // Output: 2020-05-20 10:12:44 PM |
In the above code, first we have converted the UTC datetime to the native date object then return the formatted date.
5. Convert UTC time to another timezone
Let’s create one more function to convert an UTC time to another timezone.
1 2 3 4 5 6 | // convert utc time to another timezone function convertUTCToTimezone(utcDt, utcDtFormat, timezone) { return moment.utc(utcDt, utcDtFormat).tz(timezone).format('YYYY-MM-DD hh:mm:ss A'); } // UTC date "2020-05-20 04:42:44 PM" to "America/Los_Angeles" timezone date: convertUTCToTimezone('2020-05-20 04:42:44 PM', null, 'America/Los_Angeles'); // Output: 2020-05-20 09:42:44 AM |
We need to pass the UTC datetime along with the timezone. We have taken the America/Los_Angeles timezone for an example.
6. Convert local time to another timezone
At the last, we will convert local time to another timezone.
1 2 3 4 5 6 | // convert local time to another timezone function convertLocalToTimezone(localDt, localDtFormat, timezone) { return moment(localDt, localDtFormat).tz(timezone).format('YYYY-MM-DD hh:mm:ss A'); } // Local date "2020-05-20 10:12:44 PM" to "America/Los_Angeles" timezone date: convertLocalToTimezone('2020-05-20 10:12:44 PM', null, 'America/Los_Angeles'); // Output: 2020-05-20 09:42:44 AM |
Same as the previous function, we used the .tz() method of the moment.
That’s it for today.
Thank you for reading. Happy Coding..!!
The last two seem to have their function calls flipped but when I correct the names, they still don’t seem to work. The ones further up the page do though.
Hi Christian,
I forgot to update the code in the article. I have updated the new code now.
Thank you for drawing our attention.
Let us know if you are facing any difficulties.