2017-01-06 79 views
0

我使用FullCalendar来呈现来自PHP/MySQL的事件,并且所有工作都正常。我查看了FullCalendar文档和bootstrap to achieve my popover event。我用的是fullcalendar eventRender,我必须使用全格式中的eventRender日期格式

eventRender: function(event, element) { 
     $(element).popover({ 
      placement : 'top', 
      html : true, 
      trigger : 'hover', 
      title : event.title + ' <a href="#" class="close" data-dismiss="alert">×</a>', 
      content : '<p>' + event.start + '</p><p>' + event.end + '<p>' + event.description + '</p>' 
}); 

eventelement访问当显示的日期(如event.start)它看起来像这样在前端1485427500000然后我才知道我可以使用javascript日期函数。之后实现这给了我格式不对,所以我尝试toLocaleTimeString()这给了我下面的结果: enter image description here

的第一次约会时,你看到的用途new Date(event.start)第二个使用new Date(event.end).toLocaleTimeString()。但有2个问题,我似乎无法弄清楚

问题:我怎样才能格式event.start和event.date是我的时区(你注意到时间是不同的日历和弹出)并且是类似于(例如)2017年1月26日星期四下午5点?

+0

event.start和event.date是两个不同的东西? – Strawberry

回答

1

FullCallendar返回的日期为Moment objects,这意味着您可以使用Moment语法对它们进行格式设置。有Moment site格式字符串的例子。像这样的东西应该适用于你指定的示例格式:

content: '<p>' + event.start.format('h:mm a ddd MMM Do YYYY') ... 
+0

完美地工作,谢谢你的链接 – Derek