Javascript 如何在fullcalendar.io中隐藏事件并显示查看更多模式
我花了三天的时间阅读文档,花了六天的时间测试我们想要实现的目标 我仍然不知道如何更多地模仿视图 这是我到目前为止的一段代码(非常长)Javascript 如何在fullcalendar.io中隐藏事件并显示查看更多模式,javascript,jquery,modal-dialog,fullcalendar,Javascript,Jquery,Modal Dialog,Fullcalendar,我花了三天的时间阅读文档,花了六天的时间测试我们想要实现的目标 我仍然不知道如何更多地模仿视图 这是我到目前为止的一段代码(非常长) 问题本身是,当点击日期框(而非事件)时,我们如何触发更多的视图???您的意思是想进入任何一个日期吗.fullCalendar('gotoDate',date)@Rikin no,如何使视图更具模式显示,即使只有一个事件,并隐藏颜色栏单击内置的“查看更多”按钮(请记住,您可以将其设置为具有各种不同的功能)检查触发了什么功能?您只需在“dayClick”回调中启动相同
问题本身是,当点击日期框(而非事件)时,我们如何触发更多的视图???您的意思是想进入任何一个日期吗
.fullCalendar('gotoDate',date)
@Rikin no,如何使视图更具模式显示,即使只有一个事件,并隐藏颜色栏单击内置的“查看更多”按钮(请记住,您可以将其设置为具有各种不同的功能)检查触发了什么功能?您只需在“dayClick”回调中启动相同的函数。我认为您可以使用浏览器的开发工具来跟踪它,这应该是一个相当简单的反向工程。@ADyson我已经尝试了6天,没有找到它……在转到第7826行中,您可以看到绑定到内置“更多”链接的事件处理程序(元素在渲染日历中是
)。默认情况下,处理程序调用“showSegPopover”方法来显示popover。你可以研究它的来源,找出你需要模仿的东西。我只是在代码中搜索“fc more popover”(查找给定给popover元素的类,因为从逻辑上讲,它将导致生成它的代码)。不难找到。
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: ''
},
navLinks: true,
timeFormat: 'h:mm A',
editable: true,
eventLimit: true,
eventOrder: "-sorting",
events: [
/* Lot of Events Here */
],
eventRender: function(event, element) {
$(element).hide();
$(".fc-day").on('click',function(){
console.log($(this));
});
});