How to ignore user’s time zone and force Date() use specific time zone

by

A Date object’s underlying value is actually in UTC. To prove this, notice that if you type new Date(0) you’ll see something like: Wed Dec 31 1969 16:00:00 GMT-0800 (PST). 0 is treated as 0 in GMT, but .toString() method shows the local time.

Big note, UTC stands for Universal time code. The current time right now in 2 different places is the same UTC, but the output can be formatted differently.

What we need here is some formatting

var _date = new Date(1270544790922); 
// outputs > "Tue Apr 06 2010 02:06:30 GMT-0700 (PDT)", for me
_date.toLocaleString('fi-FI', { timeZone: 'Europe/Helsinki' });
// outputs > "6.4.2010 klo 12.06.30"
_date.toLocaleString('en-US', { timeZone: 'Europe/Helsinki' });
// outputs > "4/6/2010, 12:06:30 PM"

This works but…. you can’t really use any of the other date methods for your purposes since they describe the user’s timezone. What you want is a date object that’s related to the Helsinki timezone. Your options at this point are to use some 3rd party library (I recommend this), or hack-up the date object so you can use most of it’s methods.

Option 1 – a 3rd party like moment-timezone

moment(1270544790922).tz('Europe/Helsinki').format('YYYY-MM-DD HH:mm:ss')
// outputs > 2010-04-06 12:06:30
moment(1270544790922).tz('Europe/Helsinki').hour()
// outputs > 12

This looks a lot more elegant than what we’re about to do next.

Option 2 – Hack up the date object

var currentHelsinkiHoursOffset = 2; // sometimes it is 3
var date = new Date(1270544790922);
var helsenkiOffset = currentHelsinkiHoursOffset*60*60000;
var userOffset = _date.getTimezoneOffset()*60000; // [min*60000 = ms]
var helsenkiTime = new Date(date.getTime()+ helsenkiOffset + userOffset);
// Outputs > Tue Apr 06 2010 12:06:30 GMT-0700 (PDT)

It still thinks it’s GMT-0700 (PDT), but if you don’t stare too hard you may be able to mistake that for a date object that’s useful for your purposes.

I conveniently skipped a part. You need to be able to define currentHelsinkiOffset. If you can use date.getTimezoneOffset() on the server side, or just use some if statements to describe when the time zone changes will occur, that should solve your problem.

Conclusion – I think especially for this purpose you should use a date library like moment-timezone.

More Related Contents:

  1. new Date() works differently in Chrome and Firefox
  2. Get time of specific timezone [duplicate]
  3. javascript Date timezone issue
  4. Detect timezone abbreviation using JavaScript
  5. Stop javascript Date function from changing timezone offset
  6. Date.toISOString() but local time instead of UTC
  7. How to convert Moment.js date to users local timezone?
  8. Date is in string format
  9. Format JavaScript date as yyyy-mm-dd
  10. How to convert a Date to UTC?
  11. Get month name from Date
  12. Incrementing a date in JavaScript
  13. Javascript – get array of dates between 2 dates
  14. Difference in Months between two dates in JavaScript
  15. Invalid date in safari
  16. Difference between Date(dateString) and new Date(dateString)
  17. How to get the difference of two dates in mm-dd-hh format in Javascript
  18. JavaScript Time Zone is wrong for past Daylight Saving Time transition rules
  19. Send PHP date to JavaScript date format
  20. Javascript: parse a string to Date as LOCAL time zone
  21. Moment Js UTC to Local Time
  22. Calculating the difference between two dates
  23. JavaScript Date.getWeek()? [duplicate]
  24. JavaScript date objects UK dates
  25. Javascript date variable assignment
  26. Work with a time span in Javascript
  27. Format Date time in AngularJS
  28. Calculate the UTC offset given a TimeZone string in JavaScript
  29. toISOString() return wrong date
  30. Get utc offset from timezone in Javascript

Leave a Comment