Adjusting the date to reflect the sender's timezone

Struggling with converting a UTC Date string with an offset to the user's local time accurately. When a date like 2017-06-21T20:26:28.744Z comes from our server, the goal is to turn it into a timestamp of the sender's local time, factoring in a 6-hour offset.

Realizing that relying solely on the "Z" portion may not be correct.

The task is to transform 2017-06-21T20:26:28.744Z into 2017-06-21T14:26:28 using moment.js.

While attempting this, the result is the UTC part of the string without considering the offset. It's crucial to utilize the offset to adjust the hours and minutes accordingly.

moment
  .utc('2017-06-21T20:26:28.744Z')
  .local()
  .format('YYYY-MM-DDTHH:mm:ss')
  // Output: 2017-06-21T20:26:28" 
  // Desired: 2017-06-21T14:26:28
javascriptdatemomentjs

Answer №1

You have the option to utilize the utcOffset function.

If you set the UTC offset by specifying minutes, please note that once the offset is set, it remains fixed and will not change automatically (i.e., no DST rules apply). In case you require an actual time zone - time specific to a particular location, like America/Los_Angeles, it is advisable to explore moment-timezone.

If your input falls below 16 and above -16, the system will interpret your input as hours instead of minutes.

Here's a functional example:

console.log( moment
  .utc('2017-06-21T20:26:28.744Z')
  .utcOffset(-6)
  .format('YYYY-MM-DDTHH:mm:ss') );
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

If you prefer to utilize moment-timezone, you can make use of the tz() method:

console.log( moment
  .utc('2017-06-21T20:26:28.744Z')
  .tz('America/Chicago')
  .format('YYYY-MM-DDTHH:mm:ss') );
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.13/moment-timezone-with-data-2012-2022.min.js"></script>

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

Retrieve the screen width using a JavaScript function and apply it as a percentage

I find myself needing to adjust the size of table elements based on the width of the screen. While I am not well-versed in javascript or html, resolving this issue is crucial. Unfortunately, I did not create the original asp page and have limited ability t ...

javascripthtml

Utilizing ng-bind-html alongside ng-controller

Injecting insecure html into a <div> is part of my current task: <div class="category-wrapper" ng-bind-html="content"></div> The angularjs "code" in this html snippet ($scope.content) includes the following: <script type='text/ ...

javascripthtmlangularjsangularjs-directiveng-bind-html

What could be causing this code to keep looping?

This is my submission for a class project. The task given was: "Create a function that will kickstart the program and name it main(). From the main() function, invoke a function named getValue(). The getValue() function will prompt the user to input a num ...

javascriptfunctionparametersarguments

Instructions for adding background music to a website page via audio playback

Is there a way to automatically play an audio file when my web page loads on the client's browser? Additionally, can the audio be paused by the user clicking a button on the web page and resumed when desired? ...

c#.netasp.netjavascript

How can I use jQuery to reload the page only at certain intervals?

I'm currently using jQuery to reload a page with the code provided below: <script type="text/javascript"> $(document).ready(function(){ setInterval(function() { window.location.reload(); }, 10000); }) & ...

javascriptjqueryhtmlpage-refresh

The onfocus event in Chrome's JavaScript add-on fails to trigger

A few months back, I encountered an issue where onFocus events added using JavaScript were not firing only in Chrome (my version Version 103.0.5060.114 (Official Build) (x86_64) OSX 12.4). Interestingly, they worked fine in iOS Chrome, other browsers, an ...

javascriptgoogle-chrome-devtoolsonfocusout

What is the best way to send multiple values along with an image when uploading to a server using AngularJS and NodeJS?

Client side: Having successfully implemented file upload functionality using AngularJS and NodeJS, I am facing an issue where I need to pass 'name' and 'email' parameters to the server along with the uploaded file. Server side: Once ...

javascriptangularjsnode.jsmongodbexpress

Expanding accordion functionality and implementing JavaScript events within a content template

Delving quickly into the code, below you will find the asp.net markup for an accordion that serves as a container for topic headlines as headers for each panel. The contents of these panels are comments to be moderated. <ajaxToolkit:Accordion runat="se ...

javascriptasp.netajaxevents

Function in AngularJS to increment counts based on matching names

Check out my angular application on this Plunker link The text area in my app contains data in the format of (key, count). My goal is to sum up these values using the calc() function. When the user clicks the button, I want the total summation to be disp ...

javascriptangularjs

When the page first loads, the slider is responsive, but it does not adjust

I installed the Moving Boxes plugin and customized it to create a full-width image slider. While it works well when the page loads, I'm facing challenges with making it responsive on resize. It appears that the JS script sets fixed widths upon load, w ...

javascriptjquerycsssliderresponsive-design

Error message in React JSX file: "Encountered an issue with 'createElement' property being undefined"

In the file test_stuff.js, I am executing it by using the command npm test The contents of the file are as follows: import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; ...

javascriptnpmreactjs

ways to dynamically retrieve input values in PHP

Is there a way to dynamically add and remove data fields, as well as increase and decrease fields dynamically in PHP? I am looking to retrieve the subject value in an array or JSON format using PHP only. https://i.stack.imgur.com/HqDCz.png <div data-ro ...

javascriptphphtml

Checking the security status of a PDF file in the web browser to determine if it

Within my platform, individuals have the ability to upload PDF files for others to access at a later time. In order to accommodate this functionality, I require that these PDFs are not secured or encrypted, and can be easily viewed by any user. To ensure ...

javascriptreactjspdfexif-js

Ways to verify whether a vue instance is empty within a .vue file by utilizing the v-if directive

I am facing an issue with a for-loop in Vue that iterates through a media object using v-for to check if it contains any images. Everything is working correctly, but I want to display a div below the loop saying "There is no media" when the object is empty ...

javascriptvue.js

Managing errors through middleware functions

Currently, I've been studying node.js on and off. I came across this question: Middleware 1: app.use(function(req, res, next) { db.load(function(err, session) { if (err) { return next(err); } ... }); }); Middleware 2: app.u ...

javascriptnode.jsexpress

Implementing user profile picture display in express.js: A step-by-step guide

I'm having trouble displaying the profile picture uploaded by users or employees in my application. Although the picture uploads successfully, it doesn't show up and gives an error when I try to redirect to the page. Cannot read property &ap ...

javascriptnode.jsmongodbexpressmongoose

Node.js is throwing an error code 344, indicating that it is not possible to manipulate headers after they have already been

I'm still learning about Node and I've encountered this confusing error that I can't seem to figure out. I've searched for similar cases online, but none of them quite match mine. Any help would be greatly appreciated. From what I gathe ...

javascriptnode.jsexpress

Date Range Selection Widget malfunctioning when used within a popup modal

Having trouble with integrating the rsuite daterangepicker and antd's daterangepicker into a React Material UI Dialog/Modal. The date picker popup seems to either not show up or appear outside of the modal window. Take a look at the image below: Clic ...

javascriptreactjsmaterial-uimodal-dialogantd

Unusual behavior of middleware in express 4 causing a strange dynamic effect

I've encountered an issue where a dynamically created middleware in an Express 4 route is not getting called and causing a timeout. 'use strict'; var bodyParser = require( 'body-parser' ); var logger = require( './logger&apo ...

javascriptnode.jsexpress

Limiting the size of image uploads in AWS S3

Currently, I am attempting to go through the steps outlined in this repo, which involves utilizing nextjs and AWS S3 for image uploading. However, one thing that is puzzling me is the limitation of 1MB on image sizes. I'm curious as to why this restri ...

javascriptamazon-web-servicesamazon-s3next.js