2014-10-02 110 views
0

所以我想花时间,应用程序范围内,并显示在用户的时区。这是我已经研究出来的,它正在工作。不过,我相信有更好的方法来做到这一点。起始时区将始终为中央。中央= 5。我只关心美国的时区,但如果有一个简单的方法来实现它在世界范围内,我也是这样。我正在使用的文本标签将显示为下午4:00,这就是为什么有这么多的子串。Javascript的转换时区date

function timeZones() { 
    var timezone = new Date().getTimezoneOffset(); 
    timezone = timezone/60; 
    //STARTING TIMEZONE WILL ALWAYS BE CENTRAL 
    var difference = 5 - timezone; 
    $(".time-zone").each(function() { 
     var a = $(this).text(); 
     var hour = a.substring(0, a.indexOf(":") - 1); 
     hour = parseInt(a); 
     var yourTime; 
     //East Coast 
     if (difference == 1) { 
      hour = hour + difference; 
      if (hour == 12) { 
       yourTime = hour + a.substring(a.indexOf(":"), a.indexOf("A") - 1) + "PM"; 
      } 
      else if (hour > 12) { 
       hour = hour - 12; 
       yourTime = hour + a.substring(a.indexOf(":"), a.indexOf("A") - 1) + "PM"; 
      } 
      else { 
       yourTime = hour + a.substring(a.indexOf(":")); 
      } 
      $(this).text(yourTime); 
     } 
     //Mountain 
     if (difference == -1) { 
      hour = hour + difference; 
      if (hour == 0) { 
       hour = 12; 
       yourTime = hour + a.substring(a.indexOf(":")); 
      } 
      else if (hour < 0) { 
       hour = 12 + hour; 
       yourTime = hour + a.substring(a.indexOf(":"), a.indexOf("P") - 1) + "AM"; 
      } 
      else { 
       yourTime = hour + a.substring(a.indexOf(":")); 
      } 
      $(this).text(yourTime); 
     } 
     //West Coast 
     if (difference == -2) { 
      hour = hour + difference; 
      if (hour == 0) { 
       hour = 12; 
       yourTime = hour + a.substring(a.indexOf(":")); 
      } 
      else if (hour < 0) { 
       hour = 12 + hour; 
       yourTime = hour + a.substring(a.indexOf(":"), a.indexOf("P") - 1) + "AM"; 
      } 
      else { 
       yourTime = hour + a.substring(a.indexOf(":")); 
      } 
      $(this).text(yourTime); 
     } 
     //Alaska 
     if (difference == -3) { 
      hour = hour + difference; 
      if (hour == 0) { 
       hour = 12; 
       yourTime = hour + a.substring(a.indexOf(":")); 
      } 
      else if (hour < 0) { 
       hour = 12 + hour; 
       yourTime = hour + a.substring(a.indexOf(":"), a.indexOf("P") - 1) + "AM"; 
      } 
      else { 
       yourTime = hour + a.substring(a.indexOf(":")); 
      } 
      $(this).text(yourTime); 
     } 
    }); 
} 
+0

我想你应该看看时区时区库,而不是试图实现这一点。它会为你节省很多头痛。 – Tuan 2014-10-02 17:13:17

+0

那里有那么多。你会推荐哪一个? – 2014-10-02 17:21:46

+2

这是我正在谈论的那个:http://momentjs.com/ – Tuan 2014-10-02 17:33:28

回答

1

你说:

开始时区始终是中央。中心= 5.

这是不正确的。一个时区和一个时区的偏移量是而不是是一样的东西。美国中部时区在冬季使用UTC-6偏移量,并在daylight saving time生效时在夏季使用UTC-5偏移量。你不能硬编码这些。另请参见the timezone tag wiki中的“时区!=偏移”。

如果您需要使用JavaScript中的非本地时区,则需要一个库,例如我列出的那些库here。例如,下面是如何使用moment-timezone来实现这个功能 - 这是moment.js库的附加功能。

moment.tz('2014-10-02 01:23:00','America/Chicago').local().format('YYYY-MM-DD h:mm a') 

在上例中,解析了芝加哥(美国中部时间)的本地日期/时间。然后将其转换为用户浏览器运行的任何时区(使用local函数)。然后根据指定的格式将其格式化为一个字符串。

+0

3年后进入我的编程生涯中,我学会了总是使用Momentjs并停止尝试重新设计车轮。说实话,这个老代码的问题是,我当时在工作的公司没有将他们的日期存储为UTC。 – 2017-10-25 17:23:13

0

东西我扔在一起

// timezone_out optional = local timezone 
function timeConversionGenerator(timezone_in, timezone_out) { 
    if (undefined === timezone_out) 
     timezone_out = new Date().getTimezoneOffset(); 
    var d = timezone_in - timezone_out; 
    return function (time) { 
     var hh = time.hh, 
      mm = time.mm + d, 
      ss = time.ss; 
     while (mm < 0) mm += 60, hh -= 1; 
     while (mm >= 60) mm -= 60, hh += 1; 
     while (hh < 0) hh += 24; 
     hh %= 24; 
     return { 
      hh: hh, 
      mm: mm, 
      ss: ss 
     }; 
    } 
} 

var c = timeConversionGenerator(5 * 60); // 5 hours behind UTC to local time 

现在

c({ 
    hh: 13, 
    mm: 18, 
    ss: 0 
}); 
/* converted to my local time (British Summer Time) 
{ 
    hh: 19, 
    mm: 18, 
    ss: 0 
} 
*/ 

然后

function toAMPMString(time) { 
    return ((time.hh % 12) || 12) 
     + ':' 
     + (time.mm < 10 ? '0' : '') + time.mm 
     + ' ' + (time.hh < 12 ? 'AM' : 'PM'); 
} 

// so 
toAMPMString(c({ hh: 13, mm: 18, ss: 0})); // "7:18 PM"