FullCalendar 显示 +N 更多但不是标题
FullCalendar display +N more but not the title
我正在使用 FullCalendar3.5.1 一切正常,除非当天有多个事件(它们通过 JSON 动态出现),它只显示我有的 +N more.The 个示例看到它应该显示至少一个事件标题,然后再说 +(N-1)。
但对我来说,即使有 2 个事件它显示 none 并再说 +2
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: new Date(),
editable: true,
eventBackgroundColor: '#3672BB',
eventLimit: {
'default': false // display all events for other views
},
eventClick: function(calEvent, jsEvent, view) {
if (calEvent.isSvey){
LoadApptPage(calEvent.eventID,'2');
}
else{
LoadApptPage(calEvent.eventID,'1');
}
},
events: [{"aID":"62241-008","start":"10\/11\/2017","eventID":9608,"isSvey":1,"autoschld":0,"missed":0,"title":"62241-008 - "},{"aID":"162215-003","start":"10\/11\/2017","eventID":9606,"isSvey":1,"autoschld":0,"missed":0,"title":"162215-003 - Construction LLC"},{"aID":162738,"start":"10\/24\/2017","eventID":9607,"isSvey":1,"autoschld":1,"missed":0,"title":"162738 - "}],
eventRender: function(event, element) {
//element.find(".fc-title").remove();
element.find(".fc-time").remove();
var pbSveyFlag = event.isSvey ? 2 : 1;
//var new_description = '<a style="color:#FFF;font-Weight:bold;" href="javascript:LoadApptPage(' + event.eventID +',' + pbSveyFlag +')">'
// + event.title + '</a><br/><br/> +'
var new_description =
'<br/><a style="color:#FFF;font-Weight:bold;" href="javascript:LoadFurPage(' + ''' + event.aID + ''' +',' + '''+pbSveyFlag +''' +')">'
+ '<strong>View: </strong>' + '</a>' + ' '
+ generateLink(event.autoschld,event.missed,event.eventID,event.aID)
;
element.append(new_description);
}
});
});
您的 eventLimit
语法不正确。你只需要指定 false
,像这样:
eventLimit: false,
事实上the default is false,所以你可以简单地把它放在一起,它会一样工作。
Working JSFiddle。我不得不删除您对 generateLink()
的引用,它与当前问题无关。我还删除了您的 eventClick
回调,因为它与当前问题无关。
旁注 - 您的 start
值不需要转义斜杠。此外,它们不是 Moment-ish 值(as described in the docs,因此会在控制台上生成警告。ISO8601 维基百科页面的文档 link 显示了几个合适的日期格式示例。如果您没有次,最简单的就是使用 YYYY-MM-DD:
"start":"2017-10-11",
我正在使用 FullCalendar3.5.1 一切正常,除非当天有多个事件(它们通过 JSON 动态出现),它只显示我有的 +N more.The 个示例看到它应该显示至少一个事件标题,然后再说 +(N-1)。
但对我来说,即使有 2 个事件它显示 none 并再说 +2
$(document).ready(function() {
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: new Date(),
editable: true,
eventBackgroundColor: '#3672BB',
eventLimit: {
'default': false // display all events for other views
},
eventClick: function(calEvent, jsEvent, view) {
if (calEvent.isSvey){
LoadApptPage(calEvent.eventID,'2');
}
else{
LoadApptPage(calEvent.eventID,'1');
}
},
events: [{"aID":"62241-008","start":"10\/11\/2017","eventID":9608,"isSvey":1,"autoschld":0,"missed":0,"title":"62241-008 - "},{"aID":"162215-003","start":"10\/11\/2017","eventID":9606,"isSvey":1,"autoschld":0,"missed":0,"title":"162215-003 - Construction LLC"},{"aID":162738,"start":"10\/24\/2017","eventID":9607,"isSvey":1,"autoschld":1,"missed":0,"title":"162738 - "}],
eventRender: function(event, element) {
//element.find(".fc-title").remove();
element.find(".fc-time").remove();
var pbSveyFlag = event.isSvey ? 2 : 1;
//var new_description = '<a style="color:#FFF;font-Weight:bold;" href="javascript:LoadApptPage(' + event.eventID +',' + pbSveyFlag +')">'
// + event.title + '</a><br/><br/> +'
var new_description =
'<br/><a style="color:#FFF;font-Weight:bold;" href="javascript:LoadFurPage(' + ''' + event.aID + ''' +',' + '''+pbSveyFlag +''' +')">'
+ '<strong>View: </strong>' + '</a>' + ' '
+ generateLink(event.autoschld,event.missed,event.eventID,event.aID)
;
element.append(new_description);
}
});
});
您的 eventLimit
语法不正确。你只需要指定 false
,像这样:
eventLimit: false,
事实上the default is false,所以你可以简单地把它放在一起,它会一样工作。
Working JSFiddle。我不得不删除您对 generateLink()
的引用,它与当前问题无关。我还删除了您的 eventClick
回调,因为它与当前问题无关。
旁注 - 您的 start
值不需要转义斜杠。此外,它们不是 Moment-ish 值(as described in the docs,因此会在控制台上生成警告。ISO8601 维基百科页面的文档 link 显示了几个合适的日期格式示例。如果您没有次,最简单的就是使用 YYYY-MM-DD:
"start":"2017-10-11",