CODEWITHSUNDEEP
javascripttimezonemomentjs
user1596371
user1596371

Reputation:

Keeping the time fields but changing the timezone with moment.js

I have a moment object to which I need to apply a timezone, but without altering the values of the hour or minute field. For example, if my moment contains the date '2013-10-10T15:00:00+00:00' I want to be able to change the zone to 'America/Los_Angeles' so that when I print the moment I obtain '2013-10-10T15:00:00-07:00'

(for those of you familiar with Joda I'm after the withZoneRetainFields() functionality)

Here is a jsfiddle with the basic setup, showing the problem. How can I alter the last item so that it gives the desired output?

Upvotes: 4

Views: 2181

Answers (1)

Alex Johnson
Alex Johnson

Reputation: 1574

I recommend looking into the moment-timezone.js library for managing timezones. It offers an interesting .zone() function for manipulating timezones on a moment date object.

I've included a link to the relevent issue on moment.js's GitHub issues:

Switching timezone of moment without changing the values

Note, though I don't recommend it, you can also manually adjust a date for the desired timezone. In the below example, I'm creating a date in the client's timezone, changing the timezone on the date object to UTC, then fixing the value of the date such that the hours and minutes retain the same value.

// Takes a moment.js date object, and converts
// it to UTC timezone, while maintaining the 
// selected hour/mins of the input date.
function convertDateToUTC (date){

    // Current timezone's offset. Minutes offset from UTC
    var offset = date.utcOffset();

    // Convert selected date to UTC
    date = date.utc();

    // Adjust the time to.
    date.add(offset, "minutes");

    return date;
};

Upvotes: 3

Related Questions