fullcalendar:将所有日期的图像放置在中心单元格中
我需要根据事件提要在单元格中显示图像。若有任何特定日期的数据可用,那个么图像将显示在单元格的中心。若并没有,它应该在单元格的中心显示默认图像。我尝试了以下代码。但我成功地将图像放置在事件数据被替换的位置,而不是中心/位置。而且“十字”图像应仅在fullcalendar:将所有日期的图像放置在中心单元格中,fullcalendar,Fullcalendar,我需要根据事件提要在单元格中显示图像。若有任何特定日期的数据可用,那个么图像将显示在单元格的中心。若并没有,它应该在单元格的中心显示默认图像。我尝试了以下代码。但我成功地将图像放置在事件数据被替换的位置,而不是中心/位置。而且“十字”图像应仅在validRange 所需格式如图3所示。请帮忙。谢谢 img = "images/cross.png"; $('#calendar').fullCalendar({ contentHeight: 380,
validRange
所需格式如图3所示。请帮忙。谢谢
img = "images/cross.png";
$('#calendar').fullCalendar({
contentHeight: 380,
weekNumbers: false,
fixedWeekCount: false,
eventLimit: true, // allow "more" link when too many events
events: feeder,
businessHours: true,
aspectRatio: 1,
defaultView: 'month',
showNonCurrentDates: false,
validRange: {
start: '2018-08-01',
end: moment()
},
eventRender: function (event, eventElement, view) {
if (event.imageurl) {
eventElement.find("div.fc-content").html("<img src='" + event.imageurl + "' width='25' height='28'>");
} else {
eventElement.html("<img src='" + img + "' width='25' height='28'>");
}
},
dayRender: function (date, cell) {
cell.html("<img src='" + img + "' width='15' height='20'>");
}});
img=“images/cross.png”;
$(“#日历”).fullCalendar({
身高:380,
周数:假,
fixedWeekCount:false,
eventLimit:true,//当事件太多时允许“更多”链接
活动:feeder,
《营业时间》:没错,
方面:1,
defaultView:'月份',
显示非当前日期:false,
瓦利德兰奇:{
开始日期:“2018-08-01”,
完:力矩()
},
eventRender:函数(事件、eventElement、视图){
if(event.imageurl){
eventElement.find(“div.fc-content”).html(“”);
}否则{
html(“”);
}
},
dayRender:函数(日期、单元格){
cell.html(“”);
}});