Fullcalendar 仅在dayView中更改完整日历事件高度

完整的日历日视图高度调整似乎是不可能的。我几乎什么都看了试了。我可以调整高度，但事件重叠？我在stackoverflow上看过几篇文章，但没有一篇能解决我的问题

eventAfterRender: function(event, element, view) {
                console.log($(view));
                //$('div.fc-day-content').css({"height":"50px"});
                $('.fc-event').css({"height":"50px"});

             },

这是它吐出来的CSS

element.style {
    background-color: #2E3436;
    border-color: #2E3436;
    color: #FFFFFF;
    height: 50px;
    left: 3px;
    position: absolute;
    top: 36px;
    width: 1439px;
    }

---

假设要为其设置高度的视图是basicDay，那么您需要的是

eventRender: function(event, element, view) {
    if(view.name === 'basicDay') {
        $(element).height(100);
    }
}

---

请参见

这不起作用，因为元素具有“位置：绝对”，并且每个元素都通过“顶部”属性设置在另一个元素的下方，因此如果更改它们的所有高度，它们将溢出并相互阻挡，我所做的是更改它们的高度，但也增加它们与顶部的距离，使用：

$('.fc-event').css('height', '100px');

然后-

$('.fc-event').css('top', function(i, v) {
return (((parseFloat(v)-18)/20)*100 + 18) + 'px';
});

---

是的，您可以在事件渲染选项中执行此操作

 eventRender: function (event, element,view) {
                 debugger; 
             if(view.type == "agendaDay"){
                 $('.fc-time-grid .fc-slats td').css('height','2.8em');}
             else
                 $('.fc-time-grid .fc-slats td').css('height','1.8em');}