How to get the current date and time in JavaScript using a specific timezone

I'm currently working on a project and I was wondering if it's feasible in JavaScript to invoke new Date() for a specific timezone. So when I declare:

var test = new Date();

Upon debugging, I notice that the variable test = 

Date {Fri Nov 07 2014 11:59:41 GMT-0500 (Eastern Standard Time)}

This is expected since I am located in the Eastern Time Zone and it's currently 11:59 here.

Now, my query is: Is there a method to acquire the Date object for a designated time zone, rather than relying solely on your local system time?

I have a reservation form where I validate the entered start time of a conference against the current time to prevent users from entering a past time or one within 2 hours of the present time (different error messages pop up based on each scenario).

The challenge arises when the person completing the form could be situated in Eastern, Central, Mountain, or Pacific time zones. For instance, if someone in Eastern Time submits a form for a conference with a start time in Mountain time, using new Date() only provides me with my local time for comparison, whereas I would need it to align with Mountain time for validation purposes.

It might sound a bit complex, but I wanted to offer some context regarding this issue related to the application. If further explanation is needed, please don't hesitate to ask. Your assistance is highly appreciated.

Thank you!

-Dave

javascriptdatedatetimeprototype

Answer №1

If you're looking to simplify working with Dates and timezones in javascript, check out moment-timezone.js.

Take a look at this example from the website:


var newYork    = moment.tz("2018-12-25 08:00", "America/New_York");
var losAngeles = newYork.clone().tz("America/Los_Angeles");
var london     = newYork.clone().tz("Europe/London");

newYork.format();    // 2018-12-25T08:00:00-05:00
losAngeles.format(); // 2018-06-01T05:00:00-07:00
london.format();     // 2018-12-25T13:00:00+00:00

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

How to delete an element from an array with UnderscoreJS

Here's a scenario: var arr = [{id:1,name:'a'},{id:2,name:'b'},{id:3,name:'c'}]; I'm looking to delete the element with id value of 3 from this array. Is there a method to achieve this without using splice? Perhap ...

javascriptunderscore.js

Increasing the token size in the Metaplex Auction House CLI for selling items

Utilizing the Metaplex Auction House CLI (ah-cli) latest version (commit 472973f2437ecd9cd0e730254ecdbd1e8fbbd953 from May 27 12:54:11 2022) has posed a limitation where it only allows the use of --token-size 1 and does not permit the creation of auction s ...

javascripttypescriptcommand-line-interfacesolanametaplex

How can I showcase CSV data as clickable links and images on a website using HTML?

Looking for a way to display CSV file links as clickable hyperlinks in a table? Want to directly show images from photo links on your website as well? Wondering if this is even possible? Successfully showcased desired content in a table with the code prov ...

javascripthtmlimagecsvhyperlink

Strategies for integrating user data into Vue components within Laravel

I've successfully logged my user data in the console, but when I try to display the data on Contalist page, nothing is returned. I'm new to using Vue and need help implementing it into my projects. Below are my PHP controller and Vue component fi ...

javascriptphplaravelvue.jseloquent

Learn how to effectively transfer data from $.getjson to PHP, specifically through the use of Laravel's @foreach loop

$.getJSON( 'http://localhost/media_books/index.php/new_books.json?provider_id=1&limit=99&offset=1') .done(function( json ) { $(tar).closest('.accordion').children('div').text(json); }); I have successfully obtaine ...

phpjavascriptjqueryjsonlaravel-4

"Upgrade your upload experience with Express Upload - easily switch out images in a folder while simultaneously

As I work on incorporating a profile picture feature into my website, I am encountering an issue where a newly uploaded image [newimg] with the same name as a previously uploaded image [oldimg] ends up replacing the older file in my directory. This results ...

javascriptsqlnode.jsexpressbackend

Handling button and AJAX requests in Node.js involves creating event listeners for

I'm in the process of developing a single page application and I'm second-guessing my approach. Currently, I have a system in place where each button that requires a callback from the server triggers an ajax request. On the server-side, I handle ...

javascriptajaxnode.js

What is the most effective method for incorporating CSS using Javascript to target a specific aria-label attribute?

Is there a way to add a CSS property to a specific tag with a particular aria-label on document load? My goal is to change the flex order of a section to 2. I need help using JavaScript to target the aria-label 'block 1' so I can set the order t ...

javascriptcsstwittertampermonkey

Creating an image gallery with animated effects: A step-by-step guide

I am looking to develop a creative image gallery with animated effects. I also want to include panels and hyperlinks for each image, similar to the functionality on this website: http://www.microsoft.com/en-lk/default.aspx Can anyone guide me on how to ac ...

phpjavascripthtmlajax

A guide on serializing multiple objects returned from a loop using JSON.stringify

My MVC code involves adding multiple travelers objects to the travelers array generated in a loop, and then using JSON.stringify on them. return amadeus.booking.flightOrders.post( JSON.stringify({ 'data':{ 'type ...

javascriptnode.jsjsonobject

Utilizing an array in a PHP URL and incorporating it into JavaScript operations

In this PHP file, I am working on validating only numeric input for text-boxes with the ids "Mobile" and "Home": $elementids = array("Mobile","Home"); $serialized = rawurlencode(serialize($elementids)); $testvar='validate-nums.php?elementids='. ...

phpjavascriptserialization

"How can I perform a expressjs database query based on a specific user's

app.get('/user/:id', function(req, res){ fetchData(req.params.id, res); }); function fetchData(id, res) { connection.query('SELECT * FROM data WHERE name = ?' , function(err, rows){ res.render('users', {users ...

javascriptmysqlnode.jsexpress

React: Premature exit, Fewer hooks executed than anticipated

I'm currently working on a chrome extension project where I'm trying to update an object based on a change in the current tab. However, I keep encountering an error that says I've rendered fewer hooks than expected. How can I resolve this is ...

javascriptreactjstypescriptreact-hooks

The functionality of a div element appears to be impaired when attempting to include a newline character

I have a div element <div id="testResult" style="padding-left: 120px;"> My goal is to include text with newline character '\n' inside the div. However, when I view my html page, the text does not respect the newline character. $( ...

javascriptjqueryhtmlcss

Leveraging CasperJS in a typical JavaScript script

I am currently working on a NodeJS project that involves integrating CasperJS. However, I have encountered an issue where the 'casper' module cannot be located. In an attempt to resolve this, I decided to npm install spooky --save based on some s ...

javascriptnode.jscasperjsspookyjs

steps to determine if a page is being refreshed

Is there a way to prevent the page from reloading when the user clicks the reload button in the browser? I attempted to use this code, but my break point is not triggering. ngOnInit() { this.router .events .subscribe((e: RouterEvent) = ...

javascriptangulartypescriptangular7

Integrating React js with Layout.cshtml: Mastering the Fusion of React Routing and ASP.NET MVC Routing

My current project involves an ASP.NET MVC core application with the View written in cshtml. The routing follows the conventional asp.net mvc routing pattern. However, I've recently implemented a new module using React JS. Now, I'm faced with the ...

javascriptasp.netasp.net-mvcreactjsroutes

AngularJS can be used to display a webpage

After facing the need to print a given page using AngularJS, I came up with a simple solution as shown below: <div class="modal fade" id="extrait" aria-hidden="true" data-backdrop="false"> <table class="table table-hover table-bordered" i ...

javascriptangularjs

The Magic of Javascript Routing with Regex Implementation

I'm currently developing a Javascript Router similar to Backbone, Sammy, and Spin. However, my specific requirements are rather straightforward. I need the ability to define a series of routes along with their corresponding callbacks, and I want to be ...

javascriptajaxregexrouter

How can you retrieve the property value from an object stored in a Set?

Consider this scenario: SomeItem represents the model for an object (which could be modeled as an interface in Typescript or as an imaginary item with the form of SomeItem in untyped land). Let's say we have a Set: mySet = new Set([{item: SomeItem, s ...

javascripttypescriptecmascript-6