2013-05-30 9 views
1

В принципе, моя цель - правильно проанализировать строку в Дате, у меня есть большая часть выполняемой работы, так как я получаю дату и время в объект JavaScript Date, но я не уверен, как для анализа и применения часового пояса.Дата Javascript с часовым поясом от EventBrite

Eventbrite API, который я работаю с возвращает строку как для датой_начала и 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, но я хотел бы знать, как это сделать должным образом.

EDIT 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 

EDIT 2

Для тех, кто считает, что это и имеет эту специфическую проблему, вот полное решение, которое я использую, чтобы исключить любые события, которые были в прошлом (поскольку в настоящее время API EventBrite не работает ive вы способ сделать это). Это контроллер 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)); 
     }); 
    }); 
} 
+0

где начинается start_date f ПЗУ? Вход пользователя? –

+0

В принципе да, сайт EventBrite имеет форму, заполняемую пользователем, я запрашиваю список всех событий, созданных определенным «организатором», и это то, что он возвращает, я не контролирую ответ сервера ... к сожалению, m также не удается найти значения, доступные для timezone_offset. – shaunhusain

ответ

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); 
+0

Я видел это в другом сообщении SO, но кто-то ответил, что он не работает с часовыми поясами ... возможно, обновление с тех пор? Я сделаю это. – shaunhusain

+0

Проблема заключается в том, что * JavaScript * не поддерживает многозадачность. Он подберет смещение, но на дисплее он будет регулироваться независимо от того, что требует пользовательский часовой пояс. Так что для меня, я в Аризоне (-0700), вышеуказанный вход будет принят, но затем выдается как 17:00 вместо 19:00.Оба значения соответствуют одному и тому же моменту времени. Внизу JS всегда сохраняет значение в UTC. –

+0

BTW - moment.js делает что-то об этом для своей предстоящей версии 2.1.0. См. Вопросы [611] (https://github.com/timrwood/moment/issues/611) и [671] (https://github.com/timrwood/moment/pull/671). –