来自EventBrite的带时区的Javascript日期
基本上,我的目标是正确地将字符串解析为日期,我已经完成了大部分工作,比如将日期和时间转换为JavaScript日期对象,但是我不确定如何解析和应用时区 我正在使用的EventBrite API为开始日期和时区偏移量返回一个字符串: 时区偏移量:“GMT-0500” 开始日期:“2013-04-27 19:00:00” 我正在使用以下代码解析开始日期,该代码似乎运行良好:来自EventBrite的带时区的Javascript日期,javascript,parsing,date,timezone,eventbrite,Javascript,Parsing,Date,Timezone,Eventbrite,基本上,我的目标是正确地将字符串解析为日期,我已经完成了大部分工作,比如将日期和时间转换为JavaScript日期对象,但是我不确定如何解析和应用时区 我正在使用的EventBrite API为开始日期和时区偏移量返回一个字符串: 时区偏移量:“GMT-0500” 开始日期:“2013-04-27 19:00:00” 我正在使用以下代码解析开始日期,该代码似乎运行良好: var sd = response.events[i].event.start_date; var parsedSD = sd
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]);
我缺少的部分是如何解析时区偏移或将其应用于日期,因此如果我在本地时间中显示时间/日期,它是否正确
任何值得欣赏的技巧,我最初的想法是获取最后五个字符的子字符串,然后使用getTime/setTime组合来抵消时间
老实说,这并不重要,因为大多数计划参加活动的人都在同一个时区,或者我可以只显示时区偏移量,但我想知道如何正确地做到这一点
编辑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 ));
});
});
}
函数EventCtrl($scope)
{
$scope.events=[];
$scope.noEventsDisplay=“加载事件…”;
Eventbrite({'app_key':“YOURAPPKEYHERE”},函数(eb){
//定义几个要传递给API的参数
//选项如下所示:http://developer.eventbrite.com/doc/organizers/organizer_list_events/
变量选项={
'id':“你的组织者\u id\u在这里”,
};
//提供回调以显示响应数据:
eb.组织者列表事件(选项、功能(响应){
validEvents=[];
var now=力矩();
对于(var i=0;i如果您想要一个出色的跨浏览器解决方案,而不需要自己完成,请尝试:
开始日期从哪里来?用户输入?基本上是的,EventBrite站点有一个用户填写的表单,我请求一个由特定“组织者”创建的所有事件的列表这就是它返回的结果,我无法控制服务器响应…不幸的是,我也很难找到时区偏移量的可能值。我在另一篇SO帖子中看到了这一点,但有人回应说它不适用于时区…也许是从那以后的更新?我会试一试。问题是JavaScript不适用多时区感知。它将拾取偏移量,但在显示器上它将根据用户的本地时区要求调整任何偏移量。所以对我来说,我在亚利桑那州(-0700),上面的输入将被接受,但随后输出为17:00而不是19:00。这两个值对应于同一时间点。下面,JS总是将值存储在UTC.BTW-矩。JS正在为即将发布的2.1.0版本做一些事情。请参阅问题和。好的,谢谢约翰逊先生的信息…我还有一个方面estion,如果切换到这个,因为它“包装”了日期,这是否意味着我仍然可以使用getTime()来确定一个日期是否在另一个日期之前,或者您建议使用矩差法之类的矩方法?您可以直接比较它们:m1>m2
。或者您可以使用m1.isBefore(m2)
或m1.isAfter(m2)
。您也可以使用.valueOf()
作为.getTime()
的等价物,或者您可以通过使用m.toDate()
来获取基本的日期,因此m.toDate().getTime()
。所有这些都可以工作。
// 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);