1

基本的に私の目標は、文字列を適切に解析して Date にすることです。日付と時刻を 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 を解析する方法、またはそれを日付に適用する方法です。そのため、時刻/日付を現地時間で表示すると正しいですか?

ヒントをいただければ幸いです。最初に考えたのは、最後の 5 文字の部分文字列を取得し、それを使用して 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 ));
        });
    });
}
4

1 に答える 1

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);
于 2013-05-30T19:52:54.377 に答える