Code
2023-09-04 05:00:01

创建一个带有设置时区的日期，而不使用字符串表示

我有一个网页，有三个下拉菜单，分别是日、月和年。如果我使用JavaScript Date构造函数接受数字，那么我得到一个Date对象为我的当前时区:

new Date(xiYear, xiMonth, xiDate)

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

这里的问题是，然后我将这个日期传递给一个Ajax方法，当日期在服务器上被反序列化时，它已经转换为GMT，因此失去了一个小时，这将一天往回移动了一个小时。 现在我可以将日、月和年分别传递到Ajax方法中，但似乎应该有更好的方法。

接受的答案为我指明了正确的方向，但是仅仅使用setUTCHours()本身就改变了:

Apr 5th 00:00 GMT+01:00

to

Apr 4th 23:00 GMT+01:00

然后，我还必须设置UTC日期、月份和年份

Apr 5th 01:00 GMT+01:00

这正是我想要的

当前回答

这适用于不同时区(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);
2021-06-14 16:34:13

其他回答

我不相信这是可能的-没有能力设置一个日期对象的时区后，它被创建。

在某种程度上，这是有道理的——在概念上(如果不是在实施中);per http://en.wikipedia.org/wiki/Unix_timestamp(强调我):

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

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

因此，只能更改Date在构造函数中表示的实际时间是有道理的。遗憾的是，似乎没有办法传递一个显式的时区-你正在调用的构造函数(可以说是正确的)将你的“本地”时间变量转换为GMT时，它正常存储它们-所以没有办法使用int, int, int构造函数为GMT时间。

从好的方面来说，只使用接受String的构造函数是很简单的。您甚至不需要将数字月份转换为字符串(至少在Firefox上)，所以我希望一个简单的实现可以工作。然而，在尝试之后，它在Firefox、Chrome和Opera中成功工作，但在Konqueror(“无效日期”)、Safari(“无效日期”)和IE(“NaN”)中失败。我猜你只需要一个查找数组来将月份转换为字符串，就像这样:

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

function createGMTDate(xiYear, xiMonth, xiDate) {
   return new Date(months[xiMonth] + ' ' + xiDate + ', ' + xiYear + ' 00:00:00 GMT');
}
2009-01-13 16:44:10

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

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>
2013-05-17 17:13:02

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

  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));
  }
2019-10-23 19:41:32

这可能会帮助一些人，把UTC放在你传递给新构造函数的东西的末尾

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

2014-08-28 14:39:54

这是最好的解决方案

使用:

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

咖啡版本:

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
2016-11-10 02:10:24

推荐文章

aliyun

最新文章

标签

2025 code 京ICP备15047053号-1