来自EventBrite的带有时区的Javascript日期

时间:2013-05-30 18:38:07

标签: javascript parsing date timezone eventbrite

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

我正在使用的EventBrite API为start_date和timezone_offset返回一个String:

  

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或以其他方式将其应用于Date,所以如果我以当地时间显示时间/日期是正确的?

任何提示赞赏,我最初的想法是采用最后五个字符的子字符串然后使用它来使用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 ));
        });
    });
}

1 个答案:

答案 0 :(得分:2)

如果您想要一个出色的跨浏览器解决方案,而不是自己动手,请尝试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);