Javascript 如何从FullCalendar中的事件获取popover消息中事件的开始和结束时间?
当鼠标悬停在Javascript 如何从FullCalendar中的事件获取popover消息中事件的开始和结束时间?,javascript,jquery,fullcalendar,momentjs,popover,Javascript,Jquery,Fullcalendar,Momentjs,Popover,当鼠标悬停在FullCalendar的monthView中的事件上时,我想将每个事件的start和end时间显示为popover消息 我有以下资料: element.popover({ content: event.start, animation: true, delay: 300, content: event.start + event.end, trigger: 'hover', placement: 'top', containe
FullCalendar
的monthView
中的事件上时,我想将每个事件的start
和end
时间显示为popover
消息
我有以下资料:
element.popover({
content: event.start,
animation: true,
delay: 300,
content: event.start + event.end,
trigger: 'hover',
placement: 'top',
container: 'body'
});
当我在content
中有event.start
或event.end
时,我会通过以下方式正确地获得日期和时间:2018年5月9日星期三08:00:00 GMT+0000
。但是当我在content
中有event.start+event.end
时,我得到了一个模糊的数字:3051738000000
如果开始
是09:00:00
,结束
是15:00:00
。我想让信息说:
Start: 9AM
End: 3PM
我该怎么办?开始和日期的格式必须正确。显示正确的格式
。谢谢@ADyson的链接!(见评论)。另外,要在内容中启用html
,我们需要设置html:true,
element.popover({
animation: true,
delay: 300,
trigger: 'hover',
placement: 'top',
html: true,
container: 'body',
content: '<p>' + 'Start: ' + event.start.format('h:mm a') + '</p><p>' + 'End: ' + event.end.format('h:mm a') + '</p>'
});
element.popover({
动画:没错,
延误:300,
触发器:“悬停”,
位置:'顶部',
是的,
容器:'主体',
内容:''+'开始:'+event.Start.format('h:mm a')+''+'结束:'+event.End.format('h:mm a')+''
});
有关如何设置日期格式和选择所需格式的信息,请参阅start
和end
都是momentJS对象。我想你看到的+
是,它假设这是一个数学运算,并将两个日期表示的毫秒总数相加。您需要将日期特别格式化为字符串,以确保获得所需的内容。感谢您的评论!我看了一下,它确实有帮助。但是,我有一个小查询,我得到了正确格式的开始
和结束
,但是我需要一个换行符
,以便开始
和结束
显示在两个不同的行上。这就是我目前所拥有的<代码>内容:''+'开始:'+event.Start.format('h:mm a')+''+'结束:'+event.End.format('h:mm a')+''
这项工作的输出是:`开始:上午8点结束:下午5点解决了它@ADyson。我不得不把html:true
。我会贴出正确的答案。