在客户端显示用户时区中的日期/时间

Question

我有一个web应用程序，它在每一页上都显示日期时间戳，例如：

2009年12月12日下午6时

我希望动态地检测用户的时区并使用JavaScript更改显示。

所以纽约的用户会看到：

2009年12月12日下午6时

而加州的用户会看到：

二零零九年十二月十二日下午三时

有什么建议吗？

Answer 1

下面是如何使用精彩的“渐进增强”来实现这一功能：

输出您希望它出现的日期，但一定要指定它的时区(我在这里使用GMT，但您可以使用UTC等)。然后将其与本地加载时间交换(如果提供了原始时区，则由JavaScript自动处理)。

<div id="timestamp">December 12, 2009 6:00 pm GMT</div>
<script type="text/javascript">
    var timestamp = document.getElementById('timestamp'),
        t         = new Date(timestamp.innerHTML),
        hours     = t.getHours(), 
        min       = t.getMinutes() + '', 
        pm        = false,
        months    = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

    if(hours > 11){
       hours = hours - 12;
       pm = true;
    }

    if(hours == 0) hours = 12;
    if(min.length == 1) min = '0' + min;

    timestamp.innerHTML = months[t.getMonth()] + ' ' + t.getDate() + ', ' + t.getFullYear() + ' ' + hours + ':' + min + ' ' + (pm ? 'pm' : 'am');
</script>

Answer 2

您可以使用Date.getTimeZoneOffset()从格林尼治时间获取本地偏移量。

var date = new Date();
var offset = date.getTimezoneOffset();

从那里开始是SMOP。使用Javascript日期对象，您可以调用date.toDateString来获取可读的日期。如果您需要它的服务器端，让Javascript用GET或POST将偏移量发送到您的服务器。

格式化日期是另一个故事。Javascript提供的内置功能不多。你可以自己破解它，但那样的话，虫子和疯狂的谎言。任何好的Javascript库都应该提供日期格式设置。例如，JQuery有Datepicker.formatDate。

Answer 3

我们正在使用ExtJS库，它具有关于日期和时间的功能，可以帮助您很多。事实上，在我的Mozilla上，它会根据浏览器时区显示所有的日期和时间。