Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从FullCalendar中的事件获取popover消息中事件的开始和结束时间?_Javascript_Jquery_Fullcalendar_Momentjs_Popover - Fatal编程技术网

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
。我会贴出正确的答案。