Javascript日期与时区从EventBrite

Question

基本上我的目标是正确地将字符串解析为日期，我已经完成了大部分工作，因为我将日期和时间转换为JavaScript Date对象，但我不确定如何解析和应用时区。

我正在使用的EventBrite API返回start_date和timezone_offset的字符串:

timezone_offset:"gmt - 0500"

start_date: "2013-04-27 19:00:00"

我正在使用这段代码解析start_date，这似乎工作得很好:

var sd = response.events[i].event.start_date;
var parsedSD = sd.split(/[:-s]/);
var startDate = new Date(parsedSD[0], parsedSD[1]-1, parsedSD[2], parsedSD[3], parsedSD[4], parsedSD[5]);

我缺少的部分是如何解析timezone_offset或以其他方式将其应用于日期，所以如果我在当地时间显示时间/日期是正确的?

任何提示赞赏，我最初的想法是采取最后五个字符的子字符串，然后使用getTime/setTime的组合来抵消时间。

老实说，这并不重要，因为大多数计划参加活动的人将在同一个时区，或者我可以只显示timezone_offset，但我想知道如何正确地做到这一点。

编辑1

这是我当前的代码，我添加了注释来说明Safari认为的值是什么:

var timezone_offset = response.events[i].event.timezone_offset; //timezone_offset is "GMT-500"
var sd = response.events[i].event.start_date+timezone_offset; //sd is "2013-04-27 19:00:00GMT-500"
var dt_iso8601 = sd.replace(/ /, 'T').replace(/GMT/,''); //dt_iso8601 is "2013-04-27T19:00:00-0500"
var startDate = new Date(dt_iso8601); //startDate is Invalid Date

编辑2

对于任何发现这个并且有这个特定问题的人来说，这里是我用来省略过去任何事件的完整解决方案(因为目前看来EventBrite API没有给你一种方法来做到这一点)。这是我正在开发的AngularJS控制器，但JS应该主要适用于任何上下文中:

(index . php)

<script src="scripts/moment.min.js" type="text/javascript"></script>
<script src="scripts/Eventbrite.jquery.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>
<script type="text/javascript" src="eventDirective.js"></script>

[eventDirective.js]

function EventCtrl($scope)
{   
    $scope.events=[];
    $scope.noEventsDisplay = "Loading events...";
    Eventbrite({'app_key': "YOURAPPKEYHERE"}, function(eb){
        // define a few parameters to pass to the API
        // Options are listed here: http://developer.eventbrite.com/doc/organizers/organizer_list_events/
        var options = {
            'id'    : "your_organizer_id_here",
        };
        // provide a callback to display the response data:
        eb.organizer_list_events( options, function( response ){
            validEvents = [];
            var now = moment();
            for(var i = 0; i<response.events.length; i++)
            {
                var timezone_offset = response.events[i].event.timezone_offset;
                var ed = response.events[i].event.end_date+timezone_offset;
                var em = moment(ed,format);
                //if older than today skip
                if(em<now)
                    continue;
                var sd = response.events[i].event.start_date+' '+timezone_offset;
                var format = 'YYYY-MM-DD HH:mm:ss [GMT]ZZ';
                var sm = moment(sd,format);
                response.events[i].event.formattedDate = sm.toDateString();
                validEvents.push(response.events[i])
            }
            if(validEvents.length == 0)
            {
                $scope.$apply(function(scope){scope.noEventsDisplay = "No upcoming events to display, please check back soon.";});
            }
            else
            {
                $scope.$apply(function(scope){scope.noEventsDisplay = "";});
            }
            $scope.$apply(function(scope){scope.events = validEvents;});
            //$('.event_list').html(eb.utils.eventList( response, eb.utils.eventListRow ));
        });
    });
}

Answer 1

如果你想要一个出色的跨浏览器解决方案而不需要自己动手，试试moment.js:

// you can define a particular format to use when parsing
var format = 'YYYY-MM-DD HH:mm:ss [GMT]ZZ';
// then just pass in your input
var m = moment(start_date + ' ' + timezone_offset, format);
// for example:
var m = moment('2013-04-27 19:00:00 GMT-0500', format);