Question

HTML

<span class="time_zone"> 21:45 </span> 
<span class="time_zone"> 17:00  </span>
 <span class="time_zone"> 01:00 </span> <br> <br>
<select id="country" >
 <option value=""></option>
 <option value="UTC+5.30">India</option>
 <option value="UTC+10.00">Austrelia</option>
 <option value="UTC+2.45">Turkey</option>
 <option value="UTC-8.00">USA & Canada</option>
 <option value="UTC-10.00">Hawaii</option>
</select>

我希望当用户从选择标签中选择国家而不是上面的时间（以UTC为单位）时相应地改变（也改变日期）。

Answer 1

您可以使用moment.js timezone library，只需给它一个时间和所需的区域，它就会计算出正确的时间。

e.g。来自文档

var newYork    = moment.tz("2014-06-01 12:00", "America/New_York");
var losAngeles = newYork.clone().tz("America/Los_Angeles");
var london     = newYork.clone().tz("Europe/London");

newYork.format();    // 2014-06-01T12:00:00-04:00
losAngeles.format(); // 2014-06-01T09:00:00-07:00
london.format();     // 2014-06-01T17:00:00+01:00

如何根据选择的时区更改时间

1 个答案: