gpt4 book ai didi

javascript - fullcalendar '+ more' 链接未按预期显示当天的所有事件

转载 作者:行者123 更新时间:2023-11-29 17:02:16 24 4
gpt4 key购买 nike

我一天有 4 个事件。

当我将 eventLimit 设置为 3 时,它会按预期显示“+2 more”。

但是当您点击“+2 更多”时,它只显示 2 个已经可见的事件,而它应该显示当天的所有事件。

当我将 eventLimit 设置为 4 时,所有 4 个事件都显示正常。

如何在您点击“+2 more”时显示所有 4 个事件????

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<link rel='stylesheet' href='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.css' />
<script src='//cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.3/moment.js'></script>
<script src='//cdnjs.cloudflare.com/ajax/libs/fullcalendar/2.1.1/fullcalendar.js'></script>
</head>
<body>
<div id="calendar">
</div>

<script>
$('#calendar').fullCalendar(
{editable: false,
firstday: 1,
eventLimit: 3,
eventTextColor: 'white',
events:[
{
title: 'Multi day event 1',
start: '2014-11-09',
end: '2014-11-16'
},
{
title: '1 Day event 1',
start: '2014-11-12',
end: '2014-11-12'
},
{
title: '1 Day Event 2',
start: '2014-11-12',
end: '2014-11-12'
},
{
title: '2 Day event',
start: '2014-11-12',
end: '2014-11-14'
}

]}
);
</script>


</body>
</html>

最佳答案

events 数组有问题,特别是那些没有出现在弹出框上的问题(1 Day event 11 Day Event 2 )。

根据您的描述,我假设这些将是全天事件。如果是这种情况,您应该按以下方式定义事件(删除 end 选项并添加 allDay: true):

{
title: '1 Day event 1',
allDay: true,
start: '2014-11-12'
},
{
title: '1 Day Event 2',
allDay: true,
start: '2014-11-12'
},

如果事件不应该是一整天,那么您必须定义时间部分,如下所示:

{
title: '1 Day event 1',
start: '2014-11-12T12:00:00',
end: '2014-11-12T16:00:00'
},
{
title: '1 Day Event 2',
start: '2014-11-12T18:00:00',
end: '2014-11-12T20:00:00'
},

检查 this jsfiddle ,我已经使用此处显示的选项更改了这些事件。

关于javascript - fullcalendar '+ more' 链接未按预期显示当天的所有事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26802199/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com