Question

我正在使用完整日历在网页上显示一些Google日历。我已添加qTip，以便在用户将鼠标悬停在日历上的事件上时显示完整的事件详细信息（位置，说明等）。我希望qTip显示事件的开始/结束时间，格式为：

日期，日期月，开始时间 - 结束时间

时间是24小时制。

如果我将event.start和event.end添加到我的qTip，则会显示开始和结束时间，但格式不正确。我想我需要使用formatdate函数，但我无法弄清楚如何。有人可以帮忙吗？我已将我的代码粘贴在下面。

<script type='text/javascript'>                     

$(document).ready(function() {
$('#calendar').fullCalendar({
       eventRender: function(event, element) {
        element.qtip({
            content: '<b>' + event.title + event.start +' - ' + event.end + '</b><br><br>LOCATION: ' + event.location + '<br><br> AVAILABILITY: ' + event.description
        })
    },
    eventSources: { 
    url: 'my calendar URL'
    }
});
});
</script>

Answer 1

FullCalendar的最新版本包括Moment.js，您可以这样格式化您的时间：

var start = moment(event.start).format("DD-MM-YYYY HH:mm");

更多信息：

http://momentjs.com/docs/#/parsing/string-format/

http://arshaw.com/fullcalendar/docs/utilities/Moment/

完整日历Google活动的开始/结束格式

1 个答案: