Transforming the time from the local timezone to Coordinated Universal Time (

Question

Transforming the time from the local timezone to Coordinated Universal Time (

I need help figuring out how to convert a Javascript date object to UTC, assuming a timezone like America/New_York:

2019-01-04T00:00:00.000Z

The desired result is to convert this to a date object in UTC.

2019-01-04T05:00:00.000Z

const timezone = 'America/New_York';
const localMidnight = new Date(Date.UTC(2019, 0, 4)) // 2019-01-04T00:00:00.000Z
moment.tz(localMidnight, timezone).utc().toDate()

Despite the efforts, the function is still returning the same value as the input date 2019-01-04T00:00:00.000Z.

> m(localMidnight, 'America/New_York').tz('utc').toDate()
2019-01-04T00:00:00.000Z
> m(localMidnight, 'America/New_York').tz('UTC').toDate()
2019-01-04T00:00:00.000Z
> m(localMidnight, 'America/New_York').utc().toDate()
2019-01-04T00:00:00.000Z

javascript date timestamp momentjs

Answer 1

Answer №1

It appears that the issue stemmed from the date format you used. In this instance, you can observe that the .toISOString() function appends a Z at the end. In order for the moment.tz method to function properly, you must exclude that character from the format.

For instance, consider the following scenario where a new date is generated in 'America/New_York' and the time zone is changed to UTC:

const timezone = 'America/New_York';
const localMidnight = new Date(2019, 01, 04);

console.log("Original time:")
console.log(localMidnight.toISOString());

console.log("Converted to UTC:");
console.log(moment.tz(localMidnight.toISOString().slice(0, -1), timezone).utc().format());

<script type="text/javascript" src="http://momentjs.com/downloads/moment.min.js"></script>
<script type="text/javascript" src="http://momentjs.com/downloads/moment-timezone-with-data.min.js"></script>

Answer 2

It appears that the issue stemmed from the date format you used. In this instance, you can observe that the .toISOString() function appends a Z at the end. In order for the moment.tz method to function properly, you must exclude that character from the format.

For instance, consider the following scenario where a new date is generated in 'America/New_York' and the time zone is changed to UTC:

const timezone = 'America/New_York';
const localMidnight = new Date(2019, 01, 04);

console.log("Original time:")
console.log(localMidnight.toISOString());

console.log("Converted to UTC:");
console.log(moment.tz(localMidnight.toISOString().slice(0, -1), timezone).utc().format());

<script type="text/javascript" src="http://momentjs.com/downloads/moment.min.js"></script>
<script type="text/javascript" src="http://momentjs.com/downloads/moment-timezone-with-data.min.js"></script>

Answer 3

Answer №2

If you're looking to generate a date using a specific timezone and then convert it to an ISO 8601 timestamp in UTC, the code snippet below should help you achieve that.

Feel free to refer to the comments within the code for explanations, and don't hesitate to reach out if you require further assistance.

// Generate a moment object for midnight in America/New_York
var newYork = moment.tz("2019-01-04 00:00", "America/New_York");

// Create an ISO 8601 timestamp in UTC
console.log(newYork.utc().format()); // 2019-01-04T05:00:00Z

<script type="text/javascript" src="http://momentjs.com/downloads/moment.min.js"></script>
<script type="text/javascript" src="http://momentjs.com/downloads/moment-timezone-with-data.min.js"></script>

Keep in mind that using the utc function will switch to UTC mode, which may have additional effects apart from converting to ISO 8601 format.

Answer 4

If you're looking to generate a date using a specific timezone and then convert it to an ISO 8601 timestamp in UTC, the code snippet below should help you achieve that.

Feel free to refer to the comments within the code for explanations, and don't hesitate to reach out if you require further assistance.

// Generate a moment object for midnight in America/New_York
var newYork = moment.tz("2019-01-04 00:00", "America/New_York");

// Create an ISO 8601 timestamp in UTC
console.log(newYork.utc().format()); // 2019-01-04T05:00:00Z

<script type="text/javascript" src="http://momentjs.com/downloads/moment.min.js"></script>
<script type="text/javascript" src="http://momentjs.com/downloads/moment-timezone-with-data.min.js"></script>

Keep in mind that using the utc function will switch to UTC mode, which may have additional effects apart from converting to ISO 8601 format.

Answer 5

Answer №3

To achieve the desired outcome, follow the instructions below:

Syntax - moment(date).tz(timezone).utc().format()

For the format YYYY-MM-DDTHH:mm:ss.SSSZ, use toISOString() instead of format()

const timezone = 'America/New_York';
const localMidnight = new Date(Date.UTC(2019, 0, 4))
console.log("newTime in utc",  moment(localMidnight).tz(timezone).utc().format())
console.log("newTime",  moment(localMidnight).tz(timezone).utc().toISOString())

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.js"></script>

codepen - https://codepen.io/nagasai/pen/gZegqd?editors=1010

Answer 6

To achieve the desired outcome, follow the instructions below:

Syntax - moment(date).tz(timezone).utc().format()

For the format YYYY-MM-DDTHH:mm:ss.SSSZ, use toISOString() instead of format()

const timezone = 'America/New_York';
const localMidnight = new Date(Date.UTC(2019, 0, 4))
console.log("newTime in utc",  moment(localMidnight).tz(timezone).utc().format())
console.log("newTime",  moment(localMidnight).tz(timezone).utc().toISOString())

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.23.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.23/moment-timezone-with-data.js"></script>

codepen - https://codepen.io/nagasai/pen/gZegqd?editors=1010

Transforming the time from the local timezone to Coordinated Universal Time (

Answer №1

Answer №2

Answer №3

Similar questions

Ways to prevent websites from switching to landscape mode

Steer clear of chaining multiple subscriptions in RXJS to improve code

Set up your Typescript project to transpile code from ES6 to ES5 by utilizing Bable

CKEditor Image Upload Troubles

Creating a dynamic website with user-friendly editing capabilities

Exploring the vueJS canvas life cycle and transitioning between components

Are there alternative methods, aside from using a computed property, that can be utilized to store a Vue route parameter in a way where

Ways to eliminate brackets from a string

Stop users from typing inside a newly inserted element in contenteditable mode

Encountering a problem with AngularJS ui router templates

Switching a component in Mui App transforms the entire aesthetic

What could be preventing my CSV file from being saved empty?

The issue with the ng-click property not triggering arises when it is assigned to a button that is generated dynamically

I am unable to pass the req.params.id value as an input to a function located in a separate file

Allowing input fields to accept decimal numbers

The PHP function is failing to communicate with jQuery and Ajax

React Error boundary is failing to perform as anticipated

Design the parent element according to the child elements

Facing an issue with sending data in AJAX Post request to Django View

The specified type '{}' cannot be assigned to type 'ReactNode'