如何在JavaScript中保持不同时区的日期对象

4

在JavaScript中,是否可以将日期对象保留在不同的时区中,例如:

date1.toString();
>>> 2012-02-16T14:00+02:00

date2.toString();
>>> 2012-03-16T13:00+01:00

例如,我有两个日期对象,它们反映了同一时刻,但在不同的时区中保留它们的信息。


2
在内部,日期/时间与时区无关。时区仅在输出时应用。 - Jonathan M
3个回答

7

在JavaScript中,日期表示的是时间点,它们不存储时区信息。你可以选择在特定时区显示该时间所代表的时间。通过使用各种方法(例如getHours()获取当前本地时区的时间与getUTCHours()获取UTC时间),你可以实现这个功能。

如果你想在除了UTC或本地时区之外的时区显示时间,你需要编写(或使用)一个进行一些数学计算的函数:

function offsetDate( date, hours ){
  return date.setUTCHours( date.getUTCHours() + hours );
}

编辑:您可以选择存储与日期一起的自定义偏移量(就像您可以将自定义属性添加到任何JS对象中一样):

Date.prototype.withZone = function(){
  var o = new Date(this.getTime());                // Make a copy for mutating
  o.setUTCHours(o.getUTCHours() + (this.tz || 0)); // Move the UTC time

  // Return a custom formatted version of the date
  var offset = this.tz ? (this.tz<0 ? this.tz : ('+'+this.tz)) : 'Z';
  return o.customFormat('#YYYY#-#MMM#-#D# @ #h#:#mm##ampm# ('+offset+')');
}

// http://phrogz.net/JS/FormatDateTime_js.txt
Date.prototype.customFormat = function(formatString){
  var YYYY,YY,MMMM,MMM,MM,M,DDDD,DDD,DD,D,hhh,hh,h,mm,m,ss,s,ampm,AMPM,dMod,th;
  YY = ((YYYY=this.getUTCFullYear())+"").slice(-2);
  MM = (M=this.getUTCMonth()+1)<10?('0'+M):M;
  MMM = (MMMM=["January","February","March","April","May","June","July","August","September","October","November","December"][M-1]).substring(0,3);
  DD = (D=this.getUTCDate())<10?('0'+D):D;
  DDD = (DDDD=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][this.getUTCDay()]).substring(0,3);
  th=(D>=10&&D<=20)?'th':((dMod=D%10)==1)?'st':(dMod==2)?'nd':(dMod==3)?'rd':'th';
  formatString = formatString.replace("#YYYY#",YYYY).replace("#YY#",YY).replace("#MMMM#",MMMM).replace("#MMM#",MMM).replace("#MM#",MM).replace("#M#",M).replace("#DDDD#",DDDD).replace("#DDD#",DDD).replace("#DD#",DD).replace("#D#",D).replace("#th#",th);
  h=(hhh=this.getUTCHours());
  if (h==0) h=24; if (h>12) h-=12;
  hh = h<10?('0'+h):h;
  AMPM=(ampm=hhh<12?'am':'pm').toUpperCase();
  mm=(m=this.getUTCMinutes())<10?('0'+m):m;
  ss=(s=this.getUTCSeconds())<10?('0'+s):s;
  return formatString.replace("#hhh#",hhh).replace("#hh#",hh).replace("#h#",h).replace("#mm#",mm).replace("#m#",m).replace("#ss#",ss).replace("#s#",s).replace("#ampm#",ampm).replace("#AMPM#",AMPM);
}

var now = new Date;            // Make a plain date
console.log( now.withZone() ); //-> 2012-Feb-16 @ 9:37pm (Z)
now.tz = -7;                   // Add a custom property for our method to use
console.log( now.withZone() ); //-> 2012-Feb-16 @ 2:37pm (-7)

谢谢,我明白了。但是我不仅需要在特定时区显示日期,还需要将其绑定到允许编辑时间组件的UI控件上。该控件接受Date对象,并且用户始终必须在特定时区中查看时间。我最终将Date对象转换为所需的时区,因此从技术上讲,日期值变得不正确,因为它显示一个时区的时间,但是Date对象在内部保留有关另一个时区的信息。您知道避免这种情况的任何最佳实践吗? - sam
好的回答,我可以建议您添加代码以考虑夏令时吗? - bluesmoon

0

3
注意:W3Schools通常是非常不可靠的信息来源。有关更多信息,请参见http://w3fools.com。 - Phrogz

0

大多数浏览器都支持toISOString()。据我所知,不支持将其转换回日期。 您可以在此处找到跨浏览器支持的工作解决方案。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接