javascript - with - mozilla gettimezoneoffset




Criar uma data com um fuso horário definido sem usar uma representação de string (13)

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

http://www.datejs.com/

Eu recebo minhas datas via Ajax neste formato como uma string: '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);

Console irá ler:

Seg 11 jan 2016 19:00:00 GMT-0500 (Eastern Standard Time)

Ter Jan 12 2016 00:00:00 GMT-0500 (Eastern Standard Time)

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

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

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

Eu tenho uma página da web com três menus suspensos para dia, mês e ano. Se eu usar o construtor JavaScript Date que recebe números, recebo um objeto Date para meu fuso horário atual:

new Date(xiYear, xiMonth, xiDate)

Dê a data correta, mas acha que a data é GMT + 01: 00 devido ao horário de verão.

O problema aqui é que eu, em seguida, passar essa Date para um método Ajax e quando a data é desserializada no servidor foi convertida para GMT e assim perdeu uma hora que move o dia de volta em um. 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, no entanto apenas usando 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 marcar a data, mês e ano da UTC para terminar

Apr 5th 01:00 GMT+01:00

que é o que eu queria.


A melhor solução que vi disso veio

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

Função de tempo de impressão

<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>

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 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

Eu acredito que você precisa da função createDateAsUTC (por favor 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()); 
}

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());
},

Isso funcionou para mim. Não tenho certeza se é uma boa ideia embora.

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"


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

E de certa forma isso faz sentido - conceitualmente (se talvez não em implementação); por http://en.wikipedia.org/wiki/Unix_timestamp (grifo meu):

Unix time, ou POSIX time, é um sistema para descrever instantes no tempo, definido como o número de segundos decorridos desde a meia-noite do Tempo Universal Coordenado (UTC) de quinta-feira, 1 de janeiro de 1970.

Uma vez que você construiu um, ele representará um certo ponto no tempo "real". O fuso horário só é relevante quando você deseja converter esse ponto de tempo abstrato em uma string legível por humanos.

Assim, faz sentido você só poder alterar a hora real que a Data representa no construtor. Infelizmente, parece que não há como passar em um fuso horário explícito - e o construtor que você está chamando (indiscutivelmente corretamente) traduz suas variáveis ​​de horário "locais" em GMT quando as armazena canonicamente - então não há como usar o int, int, int construtor para os tempos do GMT.

No lado positivo, é trivial usar apenas o construtor que usa uma String. Você não precisa nem 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 testado, funciona com sucesso 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');
}

Se você quiser lidar com um problema ligeiramente diferente, mas relacionado, de criar um objeto JavaScript Date a partir do ano, mês, dia, ..., incluindo o fuso horário - ou seja, se você quiser analisar uma string 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 que você saiba em que localidade está, ou seja, o UTC 'locale' e não é padronizado para o local) e aplique manualmente o deslocamento de fuso horário indicado.

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


Usando .setUTCHours() seria possível realmente definir datas no horário UTC, o que permitiria usar os tempos UTC em todo o sistema.

Você não pode defini-lo usando o UTC no construtor, a menos que você especifique uma string de data.

Usando a new Date(Date.UTC(year, month, day, hour, minute, second)) você pode criar um objeto Date a partir de um horário UTC específico.


getTimeZoneOffset é menos para UTC + z.

var d = new Date(xiYear, xiMonth, xiDate);
if(d.getTimezoneOffset() > 0){
    d.setTime( d.getTime() + d.getTimezoneOffset()*60*1000 );
}

Basta definir o fuso horário e voltar a concordar

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

// 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)

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 toda localização offset Wiki Lista de deslocamentos de horário UTC





timezone