使用设置的时区创建日期而不使用字符串表示

时间:2009-01-13 16:18:36

标签: javascript timezone

我有一个网页,其中包含日,月和年的三个下拉菜单。如果我使用带有数字的JavaScript Date构造函数,那么我会获得当前时区的Date对象:

new Date(xiYear, xiMonth, xiDate)

给出正确的日期,但由于夏令时,它认为日期是GMT + 01:00。

这里的问题是我然后将此Date传递给Ajax方法,并且当在服务器上反序列化日期时,它已被转换为GMT,因此丢失了一小时,将一天移回一。 现在我可以将日,月和年单独传递到Ajax方法中,但似乎应该有更好的方法。

接受的答案指出了我正确的方向,但只是使用setUTCHours()本身改变了:

Apr 5th 00:00 GMT+01:00 

Apr 4th 23:00 GMT+01:00

然后我还必须设置UTC日期,月份和年份以

结束
Apr 5th 01:00 GMT+01:00

这就是我想要的。

27 个答案:

答案 0 :(得分:447)

使用.setUTCHours()可以实际设置UTC时间的日期,这样您就可以在整个系统中使用UTC时间。

除非指定日期字符串,否则不能在构造函数中使用UTC设置它。

使用new Date(Date.UTC(year, month, day, hour, minute, second)),您可以从特定的UTC时间创建日期对象。

答案 1 :(得分:187)

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

此答案专门针对原始问题而定制,并且不会给出您一定期望的答案。特别是,有些人会想要减去时区偏移而不是添加它。请记住,这个解决方案的重点是破解javascript的日期对象以进行特定的反序列化,在所有情况下都不正确。

答案 2 :(得分:155)

我相信您需要 createDateAsUTC 功能(请与 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()); 
}

答案 3 :(得分:25)

我不相信这是可能的 - 在创建Date对象后无法设置时区。

从某种意义上说这是有道理的 - 从概念上讲(如果不是在实施中);每http://en.wikipedia.org/wiki/Unix_timestamp(强调我的):

  

Unix时间或POSIX时间是用于描述时间瞬间的系统,定义为自1970年1月1日星期四午夜协调世界时(UTC)以来经过的秒数。 / p>

一旦你构建了一个,它将代表“真实”时间中的某一点。只有当您想将该抽象时间点转换为人类可读的字符串时,时区才有意义。

因此,您只能更改Date在构造函数中表示的实际时间。可悲的是,似乎没有办法传递一个明确的时区 - 你正在调用的构造函数(可以说是正确的)将你的“本地”时间变量转换为GMT,当它以规范方式存储它们时 - 所以没有办法使用{{格林威治标准时间的构造函数。

从好的方面来说,使用带有String的构造函数是微不足道的。你甚至不必将数字月转换为字符串(至少在Firefox上),所以我希望一个天真的实现可以工作。但是,在尝试之后,它在Firefox,Chrome和Opera中成功运行,但在Konqueror(“无效日期”),Safari(“无效日期”)和IE(“NaN”)中失败。我想你只需要一个查找数组来将月份转换为字符串,如下所示:

int, int, int

答案 4 :(得分:17)

我知道这是旧的,但如果它有帮助你可以使用时刻和时刻。如果你还没有看到他们看看。

http://momentjs.com/timezone/

http://momentjs.com/

两个非常方便的时间操作库。

答案 5 :(得分:16)

如果你想处理从年,月,日,...,包括时区创建Javascript Date对象的稍微不同但相关的问题 - 也就是说,如果你想要将一个字符串解析为一个日期 - 然后你显然必须做一个令人愤怒的复杂的舞蹈:

// 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;
}

也就是说,您使用没有时区的日期创建'UTC时间'(因此您知道它所在的区域设置,即UTC'区域设置',并且它不默认为本地区域),然后手动应用指示的时区偏移。

如果有人真的想到关于Javascript日期对象超过,噢,五分钟,那会不会很好....

答案 6 :(得分: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

所有位置偏移Wiki List of UTC time offsets

答案 7 :(得分:12)

只需设置时区并根据返回

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

答案 8 :(得分:9)

一线解决方案

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

使用时间戳(以毫秒为单位)代替1422524805305 而不是330,使用你的时区偏移,以分钟为单位。 GMT(例如印度+5:30是5 * 60 + 30 = 330分钟)

答案 9 :(得分:8)

这可以帮助某人,将UTC放在传递给新构造函数的末尾

至少在chrome中你可以说var date = new Date("2014-01-01 11:00:00 UTC")

答案 10 :(得分:7)

对于UTC + z,getTimeZoneOffset为负数。

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

答案 11 :(得分:5)

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

答案 12 :(得分:5)

我发现获取正确日期的最简单方法是使用datejs。

http://www.datejs.com/

我通过Ajax以这种格式将日期作为字符串:'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);

控制台将显示:

2016年1月11日星期一19:00:00 GMT-0500(东部标准时间)

2016年1月12日星期二00:00:00 GMT-0500(东部标准时间)

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

'addMinutes'来自datejs,您可以自己在纯js中执行此操作,但我已经在项目中使用了datejs,因此我找到了一种方法来使用它来获取正确的日期。

我认为这可能有助于某人...

答案 13 :(得分:2)

中的任何里程数
var d = new Date(xiYear, xiMonth, xiDate).toLocaleString();

答案 14 :(得分:2)

此代码将返回使用浏览器时区格式化的日期对象

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center"
        android:weight_sum=2    
        >
    <Button 
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight=1
        android:text="button"
        android:id="@+id/but"/>
    <EditText 
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight=1       
        />
    </LinearLayout>

答案 15 :(得分:1)

您可以使用库来帮助更改时区

moment-timezone

var moment = require("moment-timezone");
const today = new Date();
var timeGet = moment(today);
timeGet.tz("Asia/Karachi").format("ha z");

这可以更改您所在地区的时区,粘贴您所在的地区并获得真正的 gmt+ 解决问题

有关详细信息,请访问 moment timezone official documentation

答案 16 :(得分:1)

我从中看到的最佳解决方案来自

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

打印时间功能

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

完整代码示例

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

答案 17 :(得分:1)

GMT -03:00示例

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

甚至

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

答案 18 :(得分:0)

实际上做到这一点并不难,但提出解决方案肯定不直观。这里有一些非常令人费解的答案(尽管也有一些不错的答案)。这是我想出的方法,以确保我的服务器时间戳与我的本地时间戳相匹配,无论我部署的服务器碰巧在哪个时区。

(CET = 中欧时区,恰好是我的个人时区;您可以获取任何给定时区的偏移量并计算它,如果您愿意,甚至可以将其作为参数,但出于我的目的,我只需要将我的日期全部设为所需的一致时区。)

    const convertDateToCET = function(date) {
        date = new Date(date)
        // let startTime = date.getTime();
        const cetOffset = -120; // this is the number you get from running 
        // `(new Date()).getTimezoneOffset()` if you're on a machine in CET
        const offsetFromCET = (date.getTimezoneOffset() - cetOffset);
        const cetMillsecondOffset = ( cetOffset* 60 * 1000);
        date = new Date( date.getTime() - cetMillsecondOffset ) 
        // let endTime = date.getTime()
        // console.log("updated date from",startTime,"to",endTime)
        return date;
    },

使用此功能,您只需按照您期望的方式安排时间,例如

    let myDate = new Date("12-4-2021")
    myDate.setHour(14)
    myDate.setMinute(30)
    // now myDate is 2:30pm, December 4th, 2021, in whatever the timezone the machine of code running happens to be in
    myDate = convertDateToCET(myDate)
    // now myDate will show up as 2:30pm, Dec 4th, 2021, mapped into your local timezone
    // so, if you're in the UK, and one hour behind CET, myDate is now 1:30pm, Dec 4th, 2021

这里的关键是date.getTimezoneOffset()。如果您实际上在 CET,该数字将是 -120,因此它会抵消,没有任何区别(因此 CET 导致 CET 出局)。如果您在英国,比 CET 晚一小时,输出将是 -60,这意味着 -60 + 120 = +60 这导致我们将输入时间更改一小时,依此类推 em>.

对于这样的情况,转换所有内容并使用 UTC 中的所有内容可能更有意义,但考虑到我所有的输入时间都在 CET 中,而且我最初是根据机器上本地的外观来开发系统的,此实用程序允许我通过在几个关键位置调用此函数来转换现有代码。

注意:确保不要在同一日期多次应用此函数调用,因为您将多次重新应用偏移量,将其丢弃!

答案 19 :(得分:0)

这适用于不同的时区(IST、PST、墨西哥、中美洲):

let dateUtc: any = new Date(Date.parse(data.details.dateOfBirth));

dateUtc = new Date(dateUtc.getTime() + Math.abs(dateUtc.getTimezoneOffset()*60000));

console.log(dateUtc);

答案 20 :(得分:0)

const date = new Date("2020-12-16 17:45:00 UTC");

工作正常。

答案 21 :(得分:0)

当我创建日期对象时:

new Date(year, month, day, hour, minute)

我在localhost上工作正常。 当我部署到服务器时,它会中断,因为服务器位于另一个时区。

我不能使用getTimezoneOffset()。我需要房屋的时区偏移量-取决于夏令时 / 冬季时间

// add diff minutes between myself (HOME) and server 
timezoneHomeOffset (d, tz = 'Europe/Copenhagen') {
  const utc = new Date(d.getTime())
  const dHome = new Date(d.toLocaleString('en-US', { timeZone: tz }))
  const diff = Math.round((utc - dHome) / 60000) // 60*1000 => minutes
  d.setMinutes(d.getMinutes() + diff)
  return d
}

答案 22 :(得分:0)

我在日期选择器上遇到类似的问题。我的研究导致了一个非常简单的解决方案,没有任何额外的库或硬编码的乘法器。

关键信息:

  1. ISO是Javascript首选日期标准。假设日期实用程序可能会以该格式返回日期值。
    • 我的日期选择器以本地化格式显示日期:mm / dd / yyyy

    • 但是,它以ISO格式返回日期值:yyyy-mm-dd

      //Select "08/12/2020" in Date Picker date_input 
      
      var input = $('#date_input').val();  //input: 2020-08-12
      
  1. Date.getTimezoneOffset()以分钟为单位返回偏移量。

示例:

如果使用默认的返回日期值而不修改字符串格式,则“日期”可能不会设置为您的时区。这可能会导致意外结果。

var input = $('#date_input').val();  //input: 2020-08-12
var date = new Date(input);          //This get interpreted as an ISO date, already in UTC
//date:                             Tue Aug 11 2020 20:00:00 GMT-0400 (Eastern Daylight Time)
//date.toUTCString():               Wed, 12 Aug 2020 00:00:00 GMT
//date.toLocaleDateString('en-US'):       8/11/2020

使用与ISO标准yyyy-mm-dd不同的日期字符串格式将您的时区应用于日期。

var date = new Date("08/12/2020");  //This gets interpreted as local timezone
//date:                             Wed Aug 12 2020 00:00:00 GMT-0400 (Eastern Daylight Time)
//date.toUTCString():               Wed, 12 Aug 2020 04:00:00 GMT
//date.toLocaleDateString('en-US'):       8/12/2020

解决方案:

要将您的时区应用于与格式无关的Date而不进行字符串操作,请对分钟使用Date.getTimezoneOffset()。这适用于原始日期字符串格式(即UTC日期或本地化日期)。它提供了一致的结果,然后可以将其准确转换为UTC以进行存储或与其他代码进行交互。

var input = $('#date_input').val();
var date = new Date(input);
date.setMinutes(date.getMinutes() + date.getTimezoneOffset());
//date:                             Wed Aug 12 2020 00:00:00 GMT-0400 (Eastern Daylight Time)
//date.toUTCString():               Wed, 12 Aug 2020 04:00:00 GMT
//date.toLocaleDateString('en-US'):       8/12/2020
                

答案 23 :(得分:0)

如果要检查两个日期之间的时差,只需检查第二个时区是否比第一个所需时区小或大,然后减去或加一个时间即可。

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

答案 24 :(得分:-1)

这对我有用。不知道这是不是一个好主意。

&#13;
&#13;
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"
&#13;
&#13;
&#13;

答案 25 :(得分:-1)

我使用了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());
},

答案 26 :(得分:-9)

这是最佳解决方案

使用:

"sea.h"

代码:

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

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

咖啡版:

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