全日历:将图像整天放置在中心

时间:2018-08-16 11:58:28

标签: fullcalendar

我需要根据事件供稿在单元格中显示图像。如果在特定日期有任何可用数据,则图像将显示在单元格的中心。如果不是,它应该在单元格中心显示默认图像。我尝试了以下代码。但是我成功放置了图像,但没有放置中心/替换了事件数据。而且,“十字”图像应该仅对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'>");
                }});

with <code>dayRender</code> function without <code>dayRender</code> function

Required format

0 个答案:

没有答案