javascript - 在 Fullcalendar 中格式化 eventRender 日期

Question

我正在使用 FullCalendar从 PHP/MySQL 渲染事件，一切正常。我查看了 FullCalendar 文档和 bootstrap to achieve my popover event .我使用 FullCalendar eventRender 并且我可以使用 event 和 element

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>'
    });

当它显示日期(例如 event.start)时，它在前端看起来像这样 1485427500000 然后我了解到我可以使用 Javascript 日期函数。在意识到这给了我错误的格式后，我尝试了 toLocaleTimeString()，结果如下:

您看到的第一个日期时间使用 new Date(event.start)，第二个使用 new Date(event.end).toLocaleTimeString()。但是有两个问题我似乎无法弄清楚。

问题:如何将 event.start 和 event.date 格式化为我的时区(你注意到时间是不同的日历和弹出窗口)并成为(例如)2017 年 1 月 26 日星期四下午 5:00？

Answer 1

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

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