2

Full Calendar 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;
    }
4

3 回答 3

1

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

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

请参阅jsfiddle 示例

于 2012-12-03T03:25:06.647 回答
0

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

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

接着 -

$('.fc-event').css('top', function(i, v) {
return (((parseFloat(v)-18)/20)*100 + 18) + 'px';
});
于 2013-12-10T16:13:41.457 回答
-1

是的，你可以在事件渲染选项中做到这一点

 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');}
于 2017-03-30T04:34:49.460 回答