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

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

new Date(xiYear, xiMonth, xiDate)

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

这里的问题是，然后我将这个日期传递给一个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

这正是我想要的

当前回答

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

关键信息:

ISO是Javascript首选的日期标准。假设日期实用程序可能会以这种格式返回日期值。我的日期选择器以本地化格式显示日期:mm/dd/yyyy 但是，它以ISO格式返回日期值:yyyy-mm-dd //在Date Picker date_input中选择“08/12/2020” Var input = $('#date_input').val();/ /输入:2020-08-12

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

2020-08-18 08:10:02

其他回答

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

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

这对我很管用。但不确定这是不是一个好主意。

var myDate = new Date(); 控制台。(“myDate:日志”,myDate);// myDate:“2018- 04-04-01:09 9:38,112z。” var偏移= +5;如果timeZone是5 var MyDateWithOffset = new Date(最新消息) 控制台。(“MyDateWithOffset:日志”,MyDateWithOffset);// myDateWithOffset:“2018- 04-03-020:09:38,000z”

2018-04-04 01:12:05

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

这个答案是专门为最初的问题量身定制的，不会给出你所期望的答案。特别是，有些人想要减去时区偏移量，而不是加上它。记住，这个解决方案的重点是针对特定的反序列化破解javascript的date对象，而不是在所有情况下都正确。

2013-04-16 22:22:19

单线解决方案

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

使用以毫秒为单位的时间戳，而不是1422524805305 不要使用330，而是使用您的时区偏移量(分钟wrt)。格林尼治时间(例如印度+5:30是5*60+30 = 330分钟)

2015-01-29 09:56:02

这是最好的解决方案

使用:

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

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

推荐文章

最新文章

标签