Calculate the time difference in hours using time zone in Javascript

Question

Calculate the time difference in hours using time zone in Javascript

Within my JavaScript object, I have the following information:

var dateobj = {
  date: "2020-12-21 03:31:06.000000",
  timezone: "Africa/Abidjan",
  timezone_type: 3
}

var date = new Date();
var options = {
  timeZone: dateobj.timezone
};
var curr_date = date.toLocaleString('en-US', options)
console.log(curr_date)
//I desire to 
//diff = curr_date - dateobj.date

I am looking to calculate the time difference in hours between the current date-time and the specified timezone. While I understand that toLocaleString() can be used to obtain the date-time string in a specific timezone, I am unsure how to determine the time difference. The provided code retrieves the current date time within the timezone, but how do I go about calculating the time difference in hours?

javascript datetime time

Answer 1

Answer №1

When dealing with dates in JavaScript, I often rely on a library known as date-fns (Date functions) to simplify the management of dates and time. Here's an example of how you can calculate the time difference in hours using date-fns.

const { differenceInHours } = require("date-fns"); 
const { zonedTimeToUtc } = require("date-fns-tz");

const timeData1 = {date: "2020-12-21 03:31:06.000000", timezone: "Africa/Abidjan", timezone_type: 3};
const timeData2 = {date: "2020-12-21 03:31:06.000000", timezone: "America/Los_Angeles", timezone_type: 3};

const t1 = zonedTimeToUtc(timeData1.date, timeData1.timezone);
const t2 = zonedTimeToUtc(timeData2.date, timeData2.timezone);

const diff = differenceInHours(t2, t1);

console.log(diff);
// => 8

Try it out:

Answer 2

When dealing with dates in JavaScript, I often rely on a library known as date-fns (Date functions) to simplify the management of dates and time. Here's an example of how you can calculate the time difference in hours using date-fns.

const { differenceInHours } = require("date-fns"); 
const { zonedTimeToUtc } = require("date-fns-tz");

const timeData1 = {date: "2020-12-21 03:31:06.000000", timezone: "Africa/Abidjan", timezone_type: 3};
const timeData2 = {date: "2020-12-21 03:31:06.000000", timezone: "America/Los_Angeles", timezone_type: 3};

const t1 = zonedTimeToUtc(timeData1.date, timeData1.timezone);
const t2 = zonedTimeToUtc(timeData2.date, timeData2.timezone);

const diff = differenceInHours(t2, t1);

console.log(diff);
// => 8

Try it out:

Answer 3

Answer №2

Returning with a hopefully improved response.

A similar method can be seen in this answer, where each date is converted using toLocaleString, a 'new Date()' instance is created, and then the two dates are subtracted. The result is then divided by 6e4 to obtain the difference in minutes.

For the given example, the approach would look something like this:

var dateobj = {
  date: "2020-12-21 03:31:06.000000",
  timezone: "Africa/Abidjan",
  timezone_type: 3
}

var date = new Date();
var options = {
  timeZone: dateobj.timezone
};

const curr_string = date.toLocaleString('en-US', options)
const orig_string = "12/21/2020, 03:31:06 AM"
const string1 = new Date(curr_string);
const string2 = new Date(orig_string);
console.log((string1.getTime() - string2.getTime()) / 6e4);

Answer 4

Returning with a hopefully improved response.

A similar method can be seen in this answer, where each date is converted using toLocaleString, a 'new Date()' instance is created, and then the two dates are subtracted. The result is then divided by 6e4 to obtain the difference in minutes.

For the given example, the approach would look something like this:

var dateobj = {
  date: "2020-12-21 03:31:06.000000",
  timezone: "Africa/Abidjan",
  timezone_type: 3
}

var date = new Date();
var options = {
  timeZone: dateobj.timezone
};

const curr_string = date.toLocaleString('en-US', options)
const orig_string = "12/21/2020, 03:31:06 AM"
const string1 = new Date(curr_string);
const string2 = new Date(orig_string);
console.log((string1.getTime() - string2.getTime()) / 6e4);

Calculate the time difference in hours using time zone in Javascript

Answer №1

Answer №2

Similar questions

How to Retrieve JSON Object Using Dynamically Generated String in Angular

mapStateToProps was invoked, however componentDidUpdate did not trigger

Displaying a single result in Angular from JSON without using the ng-repeat filter

What is the best way to animate an element when it comes into the user's view

Utilizing the Masonry jQuery plugin for optimizing empty spaces

Steps to partially open the Modal Sheet Swipe Step by default

The anonymous function in the Google strategy is not being executed

AssistanceBubble.js with ASP.NET UpdatePanel

Surprising Results when Using getBoundingClientRect()

Tips for updating the firebase access_token with the help of the next-auth credentials provider

What is the process for configuring simultaneous services on CircleCI for testing purposes?

The error message "ECONNRESET" occurred while attempting to send a post request using Axios to

Incorporate data from a CSV file into an HTML table on the fly with JavaScript/jQuery

Uniquely tag an uploaded file

Using Ajax to invoke a C# webmethod

The way an event can be outrun or vanish due to another event

error encountered in ajax contact form due to issue with select element

Harness the power of the ioHook Node.js global native keyboard and mouse listener within your Browser environment

Navigate to a different HTML file following a JavaScript function in Ionic and AngularJS with Cordova

Outputting HTML with functions