Crie uma data com um fuso horário definido sem usar uma representação de sequência

412

Eu tenho uma página da web com três listas suspensas por dia, mês e ano. Se eu usar o Dateconstrutor JavaScript que recebe números, recebo um Dateobjeto para o meu fuso horário atual:

new Date(xiYear, xiMonth, xiDate)

Forneça a data correta, mas acredita que a data é GMT + 01: 00 devido ao horário de verão.

O problema aqui é que, em seguida, passo isso Datepara um método Ajax e, quando a data é desserializada no servidor, ela é convertida em GMT e, portanto, perdemos uma hora que faz o dia voltar um dia. Agora eu poderia passar o dia, mês e ano individualmente para o método Ajax, mas parece que deveria haver uma maneira melhor.

A resposta aceita me apontou na direção certa, porém apenas o uso setUTCHours()por si só mudou:

Apr 5th 00:00 GMT+01:00 

para

Apr 4th 23:00 GMT+01:00

Eu também tive que definir a data UTC, mês e ano para terminar com

Apr 5th 01:00 GMT+01:00

o que eu queria.

Dan
fonte
9
Se a resposta aceita apontou na direção certa, mas não respondeu à sua pergunta, eu argumentaria que não deveria ser a resposta aceita. A resposta deve responder à pergunta.
TWR Cole

Respostas:

481

Com .setUTCHours()isso, seria possível definir datas no horário UTC, o que permitiria o uso do horário UTC em todo o sistema.

Você não pode configurá-lo usando UTC no construtor, a menos que especifique uma sequência de datas.

Usando new Date(Date.UTC(year, month, day, hour, minute, second))você pode criar um objeto Date a partir de uma hora UTC específica.

jishi
fonte
101
A sintaxe "new Date (Date.UTC (...))" permite criar uma data equivalente a uma data UTC em termos do ponto no tempo que ela representa, mas não é a mesma - ela possui um fuso horário diferente (não UTC).
Anthony
52
Lembre-se de que, ao usar "Data", o valor "mês" tem um intervalo de 0 a 11 (não de 1 a 12). Eu ficava com uma diferença de fuso horário de 2h (embora devesse ter sido 1h) e levei horas para descobrir que o motivo era um mês errado.
Select0r
4
Esta resposta é ótima. Mas estou usando uma biblioteca [datepicker ui] que está usando a nova data em muitos lugares. Tudo o que eu quero é definir o fuso horário UTC e todas as datas são de acordo com o novo fuso horário. Estou surpreso que o Javascript não tenha nada para isso.
Sanjeev Kumar Dangi
6
@ jishi - os objetos de data são baseados no valor da hora UTC, não na hora local. No entanto, o método Date.prototype.toString padrão exibirá valores de hora local.
RobG 27/05
5
@ Anthony - " mas não é a mesma hora " não está correto. Representa exatamente o mesmo momento no tempo, a única diferença é o deslocamento do fuso horário.
RobG
198
var d = new Date(xiYear, xiMonth, xiDate);
d.setTime( d.getTime() + d.getTimezoneOffset()*60*1000 );

Esta resposta é adaptada especificamente à pergunta original e não fornecerá a resposta que você necessariamente espera. Em particular, algumas pessoas desejam subtrair o deslocamento do fuso horário em vez de adicioná-lo. Lembre-se, porém, que o objetivo principal desta solução é hackear o objeto de data do javascript para uma desserialização específica, para não estar correto em todos os casos.

TWR Cole
fonte
62
@ gthmb, é claro, mas acho que *60*1000é mais claro nesse caso; em outras palavras, é bastante evidente por que está lá.
TWR Cole
22
Isso quase funciona para mim, exceto que tenho que usar - (menos) em vez de + (mais) para obter a hora certa para o meu fuso horário.
Wytze
3
Sim, como outros já apontaram - acho que há um erro nesta resposta. Deve ser menos não mais.
UpTheCreek
3
De acordo com developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/…, o valor retornado por getTimezoneOffset é assinado de acordo com o deslocamento real em seu código de idioma no momento em que você chama a função, incluindo o DST, então não entendo por que você precisaria subtraí-lo.
TWR Cole
15
Se você adicionar o fuso horárioOffset ao objeto de data, seu valor como formatado no fuso horário local parecerá o valor correto no UTC, mas ainda terá o deslocamento do fuso horário original (e algumas representações como "ISOString" realmente o mostrarão). Portanto, dependendo de como você serializa o objeto de data, o JS pode aplicar o deslocamento do fuso horário novamente , fornecendo a resposta errada. Acredito que isso seja responsável pela confusão nesses comentários entre +/-. Enfim, meu voto negativo é por esse fato e também pelo "na maioria dos casos, você obtém o que espera".
metamatt
173

Acredito que você precise da função createDateAsUTC (compare com convertDateToUTC )

function createDateAsUTC(date) {
    return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate(), date.getHours(), date.getMinutes(), date.getSeconds()));
}

function convertDateToUTC(date) { 
    return new Date(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), date.getUTCHours(), date.getUTCMinutes(), date.getUTCSeconds()); 
}
monsterclub
fonte
36
Estou impressionado com a resposta, clareza e presteza. Não sabia que trabalhar com datas Javascript era um pesadelo até hoje: S
will824
Se importa em explicar a diferença entre os dois? O primeiro se converte dateno fuso horário UTC, mas o segundo parece não estar fazendo nada de útil? (retorna mesma data date)
Jonathan Lin
4
Entendi agora: o primeiro retorna a data no fuso horário UTC, com os valores da data literal da hora local. O segundo retorna a data no fuso horário local, mas com os valores da data literal do UTC.
Jonathan Lin
8
Essa abordagem é uma implementação de um padrão chamado "mudança de época", cujo objetivo é mover a época (baseada no UTC) para uma que é alterada pelo deslocamento do fuso horário atual. Infelizmente, embora isso seja comumente visto, essa abordagem é falha. O Dateobjeto JavaScript sempre refletirá a época unix baseada em UTC e o fuso horário local . O sintoma é aparente quando você chama toStringo objeto de data resultante e ainda vê o fuso horário local, mesmo que você esperasse que ele estivesse no UTC.
Matt Johnson-Pint
2
Também pode causar erros nos valores de horário, próximos às transições de horário de verão do fuso horário local. Em resumo, a mudança de época (através de qualquer implementação) não funciona com o Dateobjeto JavaScript . Outra maneira de ver isso aqui é que Date.UTCespera valores baseados em UTC, e você os está alimentando com valores de hora local e vice-versa com o Dateconstrutor.
Matt Johnson-Pint
70

Basta definir o fuso horário e voltar de acordo

new Date().toLocaleString("en-US", {timeZone: "America/New_York"})

Outros fusos horários são os seguintes

var world_timezones =
[
    'Europe/Andorra',
    'Asia/Dubai',
    'Asia/Kabul',
    'Europe/Tirane',
    'Asia/Yerevan',
    'Antarctica/Casey',
    'Antarctica/Davis',
    'Antarctica/DumontDUrville', 
    'Antarctica/Mawson',
    'Antarctica/Palmer',
    'Antarctica/Rothera',
    'Antarctica/Syowa',
    'Antarctica/Troll',
    'Antarctica/Vostok',
    'America/Argentina/Buenos_Aires',
    'America/Argentina/Cordoba',
    'America/Argentina/Salta',
    'America/Argentina/Jujuy',
    'America/Argentina/Tucuman',
    'America/Argentina/Catamarca',
    'America/Argentina/La_Rioja',
    'America/Argentina/San_Juan',
    'America/Argentina/Mendoza',
    'America/Argentina/San_Luis',
    'America/Argentina/Rio_Gallegos',
    'America/Argentina/Ushuaia',
    'Pacific/Pago_Pago',
    'Europe/Vienna',
    'Australia/Lord_Howe',
    'Antarctica/Macquarie',
    'Australia/Hobart',
    'Australia/Currie',
    'Australia/Melbourne',
    'Australia/Sydney',
    'Australia/Broken_Hill',
    'Australia/Brisbane',
    'Australia/Lindeman',
    'Australia/Adelaide',
    'Australia/Darwin',
    'Australia/Perth',
    'Australia/Eucla',
    'Asia/Baku',
    'America/Barbados',
    'Asia/Dhaka',
    'Europe/Brussels',
    'Europe/Sofia',
    'Atlantic/Bermuda',
    'Asia/Brunei',
    'America/La_Paz',
    'America/Noronha',
    'America/Belem',
    'America/Fortaleza',
    'America/Recife',
    'America/Araguaina',
    'America/Maceio',
    'America/Bahia',
    'America/Sao_Paulo',
    'America/Campo_Grande',
    'America/Cuiaba',
    'America/Santarem',
    'America/Porto_Velho',
    'America/Boa_Vista',
    'America/Manaus',
    'America/Eirunepe',
    'America/Rio_Branco',
    'America/Nassau',
    'Asia/Thimphu',
    'Europe/Minsk',
    'America/Belize',
    'America/St_Johns',
    'America/Halifax',
    'America/Glace_Bay',
    'America/Moncton',
    'America/Goose_Bay',
    'America/Blanc-Sablon',
    'America/Toronto',
    'America/Nipigon',
    'America/Thunder_Bay',
    'America/Iqaluit',
    'America/Pangnirtung',
    'America/Atikokan',
    'America/Winnipeg',
    'America/Rainy_River',
    'America/Resolute',
    'America/Rankin_Inlet',
    'America/Regina',
    'America/Swift_Current',
    'America/Edmonton',
    'America/Cambridge_Bay',
    'America/Yellowknife',
    'America/Inuvik',
    'America/Creston',
    'America/Dawson_Creek',
    'America/Fort_Nelson',
    'America/Vancouver',
    'America/Whitehorse',
    'America/Dawson',
    'Indian/Cocos',
    'Europe/Zurich',
    'Africa/Abidjan',
    'Pacific/Rarotonga',
    'America/Santiago',
    'America/Punta_Arenas',
    'Pacific/Easter',
    'Asia/Shanghai',
    'Asia/Urumqi',
    'America/Bogota',
    'America/Costa_Rica',
    'America/Havana',
    'Atlantic/Cape_Verde',
    'America/Curacao',
    'Indian/Christmas',
    'Asia/Nicosia',
    'Asia/Famagusta',
    'Europe/Prague',
    'Europe/Berlin',
    'Europe/Copenhagen',
    'America/Santo_Domingo',
    'Africa/Algiers',
    'America/Guayaquil',
    'Pacific/Galapagos',
    'Europe/Tallinn',
    'Africa/Cairo',
    'Africa/El_Aaiun',
    'Europe/Madrid',
    'Africa/Ceuta',
    'Atlantic/Canary',
    'Europe/Helsinki',
    'Pacific/Fiji',
    'Atlantic/Stanley',
    'Pacific/Chuuk',
    'Pacific/Pohnpei',
    'Pacific/Kosrae',
    'Atlantic/Faroe',
    'Europe/Paris',
    'Europe/London',
    'Asia/Tbilisi',
    'America/Cayenne',
    'Africa/Accra',
    'Europe/Gibraltar',
    'America/Godthab',
    'America/Danmarkshavn',
    'America/Scoresbysund',
    'America/Thule',
    'Europe/Athens',
    'Atlantic/South_Georgia',
    'America/Guatemala',
    'Pacific/Guam',
    'Africa/Bissau',
    'America/Guyana',
    'Asia/Hong_Kong',
    'America/Tegucigalpa',
    'America/Port-au-Prince',
    'Europe/Budapest',
    'Asia/Jakarta',
    'Asia/Pontianak',
    'Asia/Makassar',
    'Asia/Jayapura',
    'Europe/Dublin',
    'Asia/Jerusalem',
    'Asia/Kolkata',
    'Indian/Chagos',
    'Asia/Baghdad',
    'Asia/Tehran',
    'Atlantic/Reykjavik',
    'Europe/Rome',
    'America/Jamaica',
    'Asia/Amman',
    'Asia/Tokyo',
    'Africa/Nairobi',
    'Asia/Bishkek',
    'Pacific/Tarawa',
    'Pacific/Enderbury',
    'Pacific/Kiritimati',
    'Asia/Pyongyang',
    'Asia/Seoul',
    'Asia/Almaty',
    'Asia/Qyzylorda',
    'Asia/Qostanay', 
    'Asia/Aqtobe',
    'Asia/Aqtau',
    'Asia/Atyrau',
    'Asia/Oral',
    'Asia/Beirut',
    'Asia/Colombo',
    'Africa/Monrovia',
    'Europe/Vilnius',
    'Europe/Luxembourg',
    'Europe/Riga',
    'Africa/Tripoli',
    'Africa/Casablanca',
    'Europe/Monaco',
    'Europe/Chisinau',
    'Pacific/Majuro',
    'Pacific/Kwajalein',
    'Asia/Yangon',
    'Asia/Ulaanbaatar',
    'Asia/Hovd',
    'Asia/Choibalsan',
    'Asia/Macau',
    'America/Martinique',
    'Europe/Malta',
    'Indian/Mauritius',
    'Indian/Maldives',
    'America/Mexico_City',
    'America/Cancun',
    'America/Merida',
    'America/Monterrey',
    'America/Matamoros',
    'America/Mazatlan',
    'America/Chihuahua',
    'America/Ojinaga',
    'America/Hermosillo',
    'America/Tijuana',
    'America/Bahia_Banderas',
    'Asia/Kuala_Lumpur',
    'Asia/Kuching',
    'Africa/Maputo',
    'Africa/Windhoek',
    'Pacific/Noumea',
    'Pacific/Norfolk',
    'Africa/Lagos',
    'America/Managua',
    'Europe/Amsterdam',
    'Europe/Oslo',
    'Asia/Kathmandu',
    'Pacific/Nauru',
    'Pacific/Niue',
    'Pacific/Auckland',
    'Pacific/Chatham',
    'America/Panama',
    'America/Lima',
    'Pacific/Tahiti',
    'Pacific/Marquesas',
    'Pacific/Gambier',
    'Pacific/Port_Moresby',
    'Pacific/Bougainville',
    'Asia/Manila',
    'Asia/Karachi',
    'Europe/Warsaw',
    'America/Miquelon',
    'Pacific/Pitcairn',
    'America/Puerto_Rico',
    'Asia/Gaza',
    'Asia/Hebron',
    'Europe/Lisbon',
    'Atlantic/Madeira',
    'Atlantic/Azores',
    'Pacific/Palau',
    'America/Asuncion',
    'Asia/Qatar',
    'Indian/Reunion',
    'Europe/Bucharest',
    'Europe/Belgrade',
    'Europe/Kaliningrad',
    'Europe/Moscow',
    'Europe/Simferopol',
    'Europe/Kirov',
    'Europe/Astrakhan',
    'Europe/Volgograd',
    'Europe/Saratov',
    'Europe/Ulyanovsk',
    'Europe/Samara',
    'Asia/Yekaterinburg',
    'Asia/Omsk',
    'Asia/Novosibirsk',
    'Asia/Barnaul',
    'Asia/Tomsk',
    'Asia/Novokuznetsk',
    'Asia/Krasnoyarsk',
    'Asia/Irkutsk',
    'Asia/Chita',
    'Asia/Yakutsk',
    'Asia/Khandyga',
    'Asia/Vladivostok',
    'Asia/Ust-Nera',
    'Asia/Magadan',
    'Asia/Sakhalin',
    'Asia/Srednekolymsk',
    'Asia/Kamchatka',
    'Asia/Anadyr',
    'Asia/Riyadh',
    'Pacific/Guadalcanal',
    'Indian/Mahe',
    'Africa/Khartoum',
    'Europe/Stockholm',
    'Asia/Singapore',
    'America/Paramaribo',
    'Africa/Juba',
    'Africa/Sao_Tome',
    'America/El_Salvador',
    'Asia/Damascus',
    'America/Grand_Turk',
    'Africa/Ndjamena',
    'Indian/Kerguelen',
    'Asia/Bangkok',
    'Asia/Dushanbe',
    'Pacific/Fakaofo',
    'Asia/Dili',
    'Asia/Ashgabat',
    'Africa/Tunis',
    'Pacific/Tongatapu',
    'Europe/Istanbul',
    'America/Port_of_Spain',
    'Pacific/Funafuti',
    'Asia/Taipei',
    'Europe/Kiev',
    'Europe/Uzhgorod',
    'Europe/Zaporozhye',
    'Pacific/Wake',
    'America/New_York',
    'America/Detroit',
    'America/Kentucky/Louisville',
    'America/Kentucky/Monticello',
    'America/Indiana/Indianapolis',
    'America/Indiana/Vincennes',
    'America/Indiana/Winamac',
    'America/Indiana/Marengo',
    'America/Indiana/Petersburg',
    'America/Indiana/Vevay',
    'America/Chicago',
    'America/Indiana/Tell_City',
    'America/Indiana/Knox',
    'America/Menominee',
    'America/North_Dakota/Center',
    'America/North_Dakota/New_Salem',
    'America/North_Dakota/Beulah',
    'America/Denver',
    'America/Boise',
    'America/Phoenix',
    'America/Los_Angeles',
    'America/Anchorage',
    'America/Juneau',
    'America/Sitka',
    'America/Metlakatla',
    'America/Yakutat',
    'America/Nome',
    'America/Adak',
    'Pacific/Honolulu',
    'America/Montevideo',
    'Asia/Samarkand',
    'Asia/Tashkent',
    'America/Caracas',
    'Asia/Ho_Chi_Minh',
    'Pacific/Efate',
    'Pacific/Wallis',
    'Pacific/Apia',
    'Africa/Johannesburg'
];
Matee Gojra
fonte
8
Isso deve estar no topo
Eugene
Exceto esteja ciente de que isso não funciona em alguns navegadores. Por exemplo. IE11.
Paul LeBeau
Erro no console do IE: o valor da opção 'AMERICA / NEW_YORK' para 'timeZone' está fora do intervalo válido. Esperado: ['UTC'] @OloghoCyrilPaul
Matee Gojra
1
Muito fácil, muito elegante. Você pode encontrar aqui uma lista com todos os fusos horários stackoverflow.com/questions/38399465/… . Para o UTC, escolha o fuso horário de Londres.
EPurpl3 21/08/19
1
Nenhum desses valores é "fuso horário", eles são locais representativos do banco de dados de fuso horário da IANA para locais que têm o mesmo fuso horário local histórico e alterações no horário de verão.
RobG 12/10/19
28

Não acredito que isso seja possível - não há capacidade de definir o fuso horário em um objeto Date depois que ele é criado.

E de certa forma isso faz sentido - conceitualmente (se não estiver em implementação); conforme http://en.wikipedia.org/wiki/Unix_timestamp (ênfase minha):

A hora Unix, ou POSIX, é um sistema para descrever instantes no tempo, definido como o número de segundos decorridos desde a meia-noite, no horário universal coordenado (UTC) de quinta-feira, 1 de janeiro de 1970.

Depois de construir um, ele representará um certo ponto no tempo "real". O fuso horário é relevante apenas quando você deseja converter esse ponto de tempo abstrato em uma sequência legível por humanos.

Portanto, faz sentido que você só possa alterar a hora real que a Data representa no construtor. Infelizmente, parece que não há como passar um fuso horário explícito - e o construtor que você está chamando (sem dúvida corretamente) converte suas variáveis ​​de hora "locais" em GMT quando as armazena canonicamente - portanto, não há como usar o int, int, intconstrutor para Horários GMT.

No lado positivo, é trivial usar apenas o construtor que usa uma String. Você nem precisa converter o mês numérico em uma String (pelo menos no Firefox), então eu esperava que uma implementação ingênua funcionasse. No entanto, depois de testá-lo, ele funciona com êxito no Firefox, Chrome e Opera, mas falha no Konqueror ("Data Inválida"), Safari ("Data Inválida") e IE ("NaN"). Suponho que você tenha apenas uma matriz de pesquisa para converter o mês em uma string, assim:

var months = [ '', 'January', 'February', ..., 'December'];

function createGMTDate(xiYear, xiMonth, xiDate) {
   return new Date(months[xiMonth] + ' ' + xiDate + ', ' + xiYear + ' 00:00:00 GMT');
}
Andrzej Doyle
fonte
6
Se não há como "definir o fuso horário em um objeto Date depois que ele é criado", você está sugerindo que existe uma maneira de definir o fuso horário em um objeto Date conforme ele é criado? Não parece que um dia de js seja "invólucro fino por alguns segundos desde a época" - parece que é a contagem de segundos, mais um fuso horário.
Anthony
1
@ Anthony, ele só pode usar o fuso horário do cliente. Javascript pode fazer local para utc e voltar, mas não há acesso a um banco de dados de fuso horário. Não pode, por exemplo, informar o horário na Cidade do México quando você estiver em San Diego.
Samuel Danielson
20

Eu sei que isso é antigo, mas se ajudar, você pode usar o momento e o fuso horário do momento. Se você não os viu, dê uma olhada.

http://momentjs.com/timezone/

http://momentjs.com/

duas bibliotecas de manipulação de tempo realmente úteis.

ChewOnThis_Trident
fonte
16

Se você deseja lidar com o problema ligeiramente diferente, mas relacionado, de criar um objeto Data Javascript a partir de ano, mês, dia, ..., incluindo fuso horário - ou seja, se você deseja analisar uma sequência em uma Data -, então você aparentemente tem que fazer uma dança irritantemente complicada:

// parseISO8601String : string -> Date
// Parse an ISO-8601 date, including possible timezone,
// into a Javascript Date object.
//
// Test strings: parseISO8601String(x).toISOString()
// "2013-01-31T12:34"              -> "2013-01-31T12:34:00.000Z"
// "2013-01-31T12:34:56"           -> "2013-01-31T12:34:56.000Z"
// "2013-01-31T12:34:56.78"        -> "2013-01-31T12:34:56.780Z"
// "2013-01-31T12:34:56.78+0100"   -> "2013-01-31T11:34:56.780Z"
// "2013-01-31T12:34:56.78+0530"   -> "2013-01-31T07:04:56.780Z"
// "2013-01-31T12:34:56.78-0330"   -> "2013-01-31T16:04:56.780Z"
// "2013-01-31T12:34:56-0330"      -> "2013-01-31T16:04:56.000Z"
// "2013-01-31T12:34:56Z"          -> "2013-01-31T12:34:56.000Z"
function parseISO8601String(dateString) {
    var timebits = /^([0-9]{4})-([0-9]{2})-([0-9]{2})T([0-9]{2}):([0-9]{2})(?::([0-9]*)(\.[0-9]*)?)?(?:([+-])([0-9]{2})([0-9]{2}))?/;
    var m = timebits.exec(dateString);
    var resultDate;
    if (m) {
        var utcdate = Date.UTC(parseInt(m[1]),
                               parseInt(m[2])-1, // months are zero-offset (!)
                               parseInt(m[3]),
                               parseInt(m[4]), parseInt(m[5]), // hh:mm
                               (m[6] && parseInt(m[6]) || 0),  // optional seconds
                               (m[7] && parseFloat(m[7])*1000) || 0); // optional fraction
        // utcdate is milliseconds since the epoch
        if (m[9] && m[10]) {
            var offsetMinutes = parseInt(m[9]) * 60 + parseInt(m[10]);
            utcdate += (m[8] === '+' ? -1 : +1) * offsetMinutes * 60000;
        }
        resultDate = new Date(utcdate);
    } else {
        resultDate = null;
    }
    return resultDate;
}

Ou seja, você cria uma 'hora UTC' usando a data sem fuso horário (para saber em que localidade está, ou seja, a 'localidade' UTC e não é o padrão para a local) e, em seguida, aplica manualmente o deslocamento de fuso horário indicado.

Não seria bom se alguém tivesse realmente pensado no objeto de data Javascript por mais de, oooh, cinco minutos ....

Norman Gray
fonte
1
obrigado pela ótima função! a única coisa que eu mudaria é adicionar suporte aos dois pontos no deslocamento do fuso horário. var timebits = / ^ ([0-9] {4}) - ([0-9] {2}) - ([0-9] {2}) T ([0-9] {2}) :( [0-9] {2}) (? :: ([0-9] *) (\. [0-9] *)?)? (?: ([+ -]) ([0-9] { 2} [:]?) ([0-9] {2}))? /;
22613 Roblardo
2
Eles pensaram sobre isso; infelizmente, o "eles" foram os designers da linguagem Java, pois o JS apenas copiou a classe Date do Java para sua implementação inicial.
Xanthir
@Xanthir Oooh, você está certo, e eu esqueci o quão terrível o objeto Java Date original era; mas pelo menos o Java o reprovou e seguiu em frente, algo que o Javascript parece incapaz de fazer (é uma linguagem bizarra, Javascript: bastante fofa e não tão horrível quanto parece ser).
Norman Gray
13
d = new Date();
utc = d.getTime() + (d.getTimezoneOffset() * 60000);
nd = new Date(utc + (3600000*offset));

offset value base on which location time zone you would like to set 
For India offset value +5.5,
New York offset value -4,
London offset value +1

para todos os desvios de localização Wiki List of offsets time UTC

Vijay Lathiya
fonte
Como isso ajuda Nova York durante o horário de verão?
Frederj 20/08/19
Para Nova York, use o valor de deslocamento -4
Vijay Lathiya
1
O deslocamento para Nova York varia de acordo com o horário de verão. Às vezes é -4 e às vezes é -5 en.wikipedia.org/wiki/Eastern_Time_Zone
frederj
8

getTimeZoneOffset é menos para UTC + z.

var d = new Date(xiYear, xiMonth, xiDate);
if(d.getTimezoneOffset() > 0){
    d.setTime( d.getTime() + d.getTimezoneOffset()*60*1000 );
}
rinjan
fonte
1
Um pequeno erro! = 0 não> 0. Acabei usando isso #
Cristi Băluță
8

Isso pode ajudar alguém, coloque o UTC no final do que você passa para o novo construtor

Pelo menos no chrome você pode dizer var date = new Date("2014-01-01 11:00:00 UTC")

Drew LeSueur
fonte
1
Retorna "Data Inválida" no Safari
pmrotule
1
Substitua `UTC` por +0000( observe que o espaço entre 00 e UTC precisa ser removido) e isso funcionará no Firefox e no Chrome. No entanto, não tenho certeza para o Safari. (Referência: stackoverflow.com/a/17545854/1273587 )
cytsunny
8

Solução de uma linha

new Date(new Date(1422524805305).getTime() - 330*60*1000)

Em vez de 1422524805305, use o registro de data e hora em milissegundos. Em vez de 330, use o deslocamento do fuso horário em minutos. GMT (por exemplo, Índia + 5: 30 é 5 * 60 + 30 = 330 minutos)

Vinay Vemula
fonte
4
Isso seria código executado no cliente, significando que o fuso horário será diferente para os usuários localizados de maneira diferente. Essa solução exigiria que todos que precisassem dela vivessem no mesmo fuso horário (o seu).
Kevin Beal
@Kevin Beal, nesse caso, basta usar getTimezoneOffset
maximus
6
// My clock 2018-07-25, 00:26:00 (GMT+7)
let date = new Date(); // 2018-07-24:17:26:00 (Look like GMT+0)
const myTimeZone = 7; // my timeZone 
// my timeZone = 7h = 7 * 60 * 60 * 1000 (millisecond);
// 2018-07-24:17:26:00 = x (milliseconds)
// finally, time in milliseconds (GMT+7) = x + myTimezone 
date.setTime( date.getTime() + myTimeZone * 60 * 60 * 1000 );
// date.toISOString() = 2018-07-25, 00:26:00 (GMT+7)
Tuan Nguyen
fonte
Explicar seu código e como ele resolve o problema aumentará a qualidade de sua resposta e ajudará na aprendizagem dos usuários.
Nic3500
5

A maneira mais fácil que encontrei para obter a data correta é usando o datejs.

http://www.datejs.com/

Recebo minhas datas via Ajax neste formato como uma sequência: '2016-01-12T00: 00: 00'

var yourDateString = '2016-01-12T00:00:00';
var yourDate = new Date(yourDateString);
console.log(yourDate);
if (yourDate.getTimezoneOffset() > 0){
    yourDate = new Date(yourDateString).addMinutes(yourDate.getTimezoneOffset());
}
console.log(yourDate);

O console lerá:

Seg 11 de janeiro de 2016 19:00:00 GMT-0500 (Horário padrão do leste)

Terça-feira, 12 de janeiro de 2016 00:00:00 GMT-0500 (horário padrão oriental)

https://jsfiddle.net/vp1ena7b/3/

O 'addMinutes' vem do datejs, você provavelmente poderia fazer isso em js puros sozinho, mas eu já tinha o datejs no meu projeto, então encontrei uma maneira de usá-lo para obter as datas corretas.

Eu pensei que isso poderia ajudar alguém ...

Barry Franklin
fonte
Tentei todos os métodos e este foi o único a chegar à meia-noite, que era o que eu estava procurando!
SharpC
3

qualquer quilometragem em

var d = new Date(xiYear, xiMonth, xiDate).toLocaleString();
meouw
fonte
Isso parece fazer o truque para mim (um fuso horário fora do GMT), mas como "localidade" não está necessariamente relacionado ao fuso horário, eu não confiaria nele.
21714 Wytze
3

Este código retornará seu objeto Date formatado com o fuso horário do navegador .

Date.prototype.timezone = function () {
    this.setHours(this.getHours() + (new Date().getTimezoneOffset() / 60));
    return this;
}

Editar:

Para evitar poluir a API de data, a função acima pode ser transformada em uma função de utilitário. A função pega um objeto Date e retorna um objeto Date mutado.

function setTimeZone(date) {
    date.setHours(date.getHours() + (new Date().getTimezoneOffset() / 60));
    return date;
}
Marco Dal Zovo
fonte
6
Não para estender objetos nativos
Paul Rumkin
1

A melhor solução que eu vi disso veio de

http://www.codingforums.com/archive/index.php/t-19663.html

Função Print Time

<script language="javascript" type="text/javascript">
//borrowed from echoecho
//http://www.echoecho.com/ubb/viewthread.php?tid=2362&pid=10482&#pid10482
workDate = new Date()
UTCDate = new Date()
UTCDate.setTime(workDate.getTime()+workDate.getTimezoneOffset()*60000)

function printTime(offset) {
    offset++;
    tempDate = new Date()
    tempDate.setTime(UTCDate.getTime()+3600000*(offset))
    timeValue = ((tempDate.getHours()<10) ? ("0"+tempDate.getHours()) : (""+tempDate.getHours()))
    timeValue += ((tempDate.getMinutes()<10) ? ("0"+tempDate.getMinutes()) : tempDate.getMinutes())
    timeValue += " hrs."
    return timeValue
    }
    var now = new Date()
    var seed = now.getTime() % 0xfffffff
    var same = rand(12)
</script>

Banff, Canada:
<script language="JavaScript">document.write(printTime("-7"))</script>

Exemplo de código completo

<html>

<head>
<script language="javascript" type="text/javascript">
//borrowed from echoecho
//http://www.echoecho.com/ubb/viewthread.php?tid=2362&pid=10482&#pid10482
workDate = new Date()
UTCDate = new Date()
UTCDate.setTime(workDate.getTime()+workDate.getTimezoneOffset()*60000)

function printTime(offset) {
offset++;
tempDate = new Date()
tempDate.setTime(UTCDate.getTime()+3600000*(offset))
timeValue = ((tempDate.getHours()<10) ? ("0"+tempDate.getHours()) : (""+tempDate.getHours()))
timeValue += ((tempDate.getMinutes()<10) ? ("0"+tempDate.getMinutes()) : tempDate.getMinutes())
timeValue += " hrs."
return timeValue
}
var now = new Date()
var seed = now.getTime() % 0xfffffff
var same = rand(12)
</script>

</head>

<body>
Banff, Canada:
<script language="JavaScript">document.write(printTime("-7"))</script>
<br>
Michigan:
<script language="JavaScript">document.write(printTime("-5"))</script>
<br>
Greenwich, England(UTC):
<script language="JavaScript">document.write(printTime("-0"))</script>
<br>
Tokyo, Japan:
<script language="JavaScript">document.write(printTime("+9"))</script>
<br>
Berlin, Germany:
<script language="JavaScript">document.write(printTime("+1"))</script>

</body>
</html>
Jeffrey L. Roberts
fonte
Seu exemplo exclui o horário de verão. Horário atual: sex out 04 2013 11:13:43 GMT-0700 (horário de verão do Pacífico) Horário: sex, 04 out 2013 18:13:43 GMT Banff, Canadá: 1213 h. Michigan: 1413 h. Greenwich, Inglaterra (UTC): 1913 h. Tóquio, Japão: 0413 hrs. Berlim, Alemanha: 2013 hrs.
Jeson Martajaya
0

se você quiser verificar a diferença entre duas datas, basta verificar se o segundo fuso horário é menor ou maior do primeiro fuso horário desejado e subtrair ou adicionar um horário.

  const currTimezone = new Date().getTimezoneOffset(); // your timezone
  const newDateTimezone = date.getTimezoneOffset(); // date with unknown timezone

  if (currTimezone !== newDateTimezone) {
    // and below you are checking if difference should be - or +. It depends on if unknown timezone is lesser or greater than yours
    const newTimezone = (currTimezone - newDateTimezone) * (currTimezone > newDateTimezone ? 1 : -1);
    date.setTime(date.getTime() + (newTimezone * 60 * 1000));
  }
Piosek
fonte
0

GMT -03: 00 Exemplo

new Date(new Date()-3600*1000*3).toISOString();  // 2020-02-27T15:03:26.261Z

Ou até

now  = new Date().getTime()-3600*1000*3; // 1582818380528
data = new Date(now).toISOString();      // 2020-02-27T15:03:26.261Z
Rafael Xavier
fonte
-1

Isso funcionou para mim. Não tenho certeza se é uma boa idéia.

var myDate = new Date();
console.log('myDate:', myDate);   // myDate: "2018-04-04T01:09:38.112Z"

var offset = '+5';  // e.g. if the timeZone is -5

var MyDateWithOffset = new Date( myDate.toGMTString() + offset );   

console.log('MyDateWithOffset:', MyDateWithOffset); // myDateWithOffset: "2018-04-03T20:09:38.000Z"

ofmoreno06
fonte
-1

Eu usei o pacote timezone-js.

var timezoneJS  = require('timezone-js');
var tzdata = require('tzdata');

createDate(dateObj) {
    if ( dateObj == null ) {
        return null;
    }
    var nativeTimezoneOffset = new Date().getTimezoneOffset();
    var offset = this.getTimeZoneOffset();

    // use the native Date object if the timezone matches
    if ( offset == -1 * nativeTimezoneOffset ) {
        return dateObj;
    }

    this.loadTimeZones();

    // FIXME: it would be better if timezoneJS.Date was an instanceof of Date
    //        tried jquery $.extend
    //        added hack to Fiterpickr to look for Dater.getTime instead of "d instanceof Date"
    return new timezoneJS.Date(dateObj,this.getTimeZoneName());
},
Stephen Ince
fonte
-11

Esta é a melhor solução

Usando:

// TO ALL dates
Date.timezoneOffset(-240) // +4 UTC

// Override offset only for THIS date
new Date().timezoneOffset(-180) // +3 UTC

Código:

Date.prototype.timezoneOffset = new Date().getTimezoneOffset();

Date.setTimezoneOffset = function(timezoneOffset) {
  return this.prototype.timezoneOffset = timezoneOffset;
};

Date.getTimezoneOffset = function() {
  return this.prototype.timezoneOffset;
};

Date.prototype.setTimezoneOffset = function(timezoneOffset) {
  return this.timezoneOffset = timezoneOffset;
};

Date.prototype.getTimezoneOffset = function() {
  return this.timezoneOffset;
};

Date.prototype.toString = function() {
  var offsetDate, offsetTime;
  offsetTime = this.timezoneOffset * 60 * 1000;
  offsetDate = new Date(this.getTime() - offsetTime);
  return offsetDate.toUTCString();
};

['Milliseconds', 'Seconds', 'Minutes', 'Hours', 'Date', 'Month', 'FullYear', 'Year', 'Day'].forEach((function(_this) {
  return function(key) {
    Date.prototype["get" + key] = function() {
      var offsetDate, offsetTime;
      offsetTime = this.timezoneOffset * 60 * 1000;
      offsetDate = new Date(this.getTime() - offsetTime);
      return offsetDate["getUTC" + key]();
    };
    return Date.prototype["set" + key] = function(value) {
      var offsetDate, offsetTime, time;
      offsetTime = this.timezoneOffset * 60 * 1000;
      offsetDate = new Date(this.getTime() - offsetTime);
      offsetDate["setUTC" + key](value);
      time = offsetDate.getTime() + offsetTime;
      this.setTime(time);
      return time;
    };
  };
})(this));

Versão do café:

Date.prototype.timezoneOffset = new Date().getTimezoneOffset()


Date.setTimezoneOffset = (timezoneOffset)->
    return @prototype.timezoneOffset = timezoneOffset


Date.getTimezoneOffset = ->
    return @prototype.timezoneOffset


Date.prototype.setTimezoneOffset = (timezoneOffset)->
    return @timezoneOffset = timezoneOffset


Date.prototype.getTimezoneOffset = ->
    return @timezoneOffset


Date.prototype.toString = ->
    offsetTime = @timezoneOffset * 60 * 1000
    offsetDate = new Date(@getTime() - offsetTime)
    return offsetDate.toUTCString()


[
    'Milliseconds', 'Seconds', 'Minutes', 'Hours',
    'Date', 'Month', 'FullYear', 'Year', 'Day'
]
.forEach (key)=>
    Date.prototype["get#{key}"] = ->
        offsetTime = @timezoneOffset * 60 * 1000
        offsetDate = new Date(@getTime() - offsetTime)
        return offsetDate["getUTC#{key}"]()

    Date.prototype["set#{key}"] = (value)->
        offsetTime = @timezoneOffset * 60 * 1000
        offsetDate = new Date(@getTime() - offsetTime)
        offsetDate["setUTC#{key}"](value)
        time = offsetDate.getTime() + offsetTime
        @setTime(time)
        return time
Maxmaxmaximus
fonte
2
Uau, eu também não gosto, mas acho que as pessoas realmente odeiam você, substituindo o protótipo de componentes internos!
Josh de Qaribou 13/04/19