如何在FullCalendar4单元格上绘制自定义HTML

时间:2019-06-25 08:22:32

标签: fullcalendar fullcalendar-4

我想在FullCalendar v4 Month View上绘制垂直事件。

enter image description here

我认为没有这种选择,所以我想向日期单元格添加自定义HTML。

我提到了一篇旧文章,但是v4无法使用此方法。

Add custom HTML to a jQuery FullCalendar cell

是否可以自定义单元格的呈现方式?

我尝试参考jquery版本编写一些代码,但是它们不起作用。

const events = [
    {title: "event1",start: '2019-06-26',},
    {title: "event1",start: '2019-06-26',},
];
const dom = document.querySelector("#calendar");
const calendar = new FullCalendar.Calendar(dom, {
    events: events,
    dayRender: onDayRender
});
calendar.render();

function onDayRender(e){
        // e.el.html(`<span style="color:red">aaaa</span>`);
        // -> Uncaught TypeError: el.html is not a function

        e.el = `<span style="color:red">aaaa</span>`;
        // ->not working

        e.el.appendChild = `<span style="color:red">aaaa</span>`;
        // ->not working
    }

0 个答案:

没有答案