如何将完整日历中的月视图设置为仅在有事件时才展开？答案

【问题标题】：How to set Month View in Full Calendar to expand only if there is a event?如何将完整日历中的月视图设置为仅在有事件时才展开？
【发布时间】：2017-06-26 10:54:07
【问题描述】：

我已经为我的一个项目稍微定制了 FullCalendar 插件，它看起来像这样 - month view。如您所见，空日期与date's with the Events 的高度相同。我想要的是月份视图without any event day should be small. 我现在已经使用纵横比设置了天的高度。请指导我。谢谢你的欢呼...

【问题讨论】：

没有设置或内置功能可以做到这一点。您必须编写自己的代码才能在所有事件呈现后运行，获取当前的客户端事件集，遍历它们，记录当前显示的没有事件的日期，然后找到相关的<td> 那天并改变它的高度。您必须确保无论何时添加、更新或删除事件、更改日期或将视图类型更改为月（但当视图类型不是月时不会运行）时运行。
如果您需要一些详细的帮助，请使用该逻辑进行自己的尝试，如果您遇到困难，请在问题中发布您的代码，我们可以帮助解决它。
不用担心，很高兴这个建议对您有所帮助。希望它能解决你的问题。
@ADyson thank you 回复您...该功能可以正常工作，请将其标记为答案。 ty 干杯...
我无法将其标记为答案，这是您的问题。不过，您可以回答自己的问题。如果您认为它对未来的读者有用，您可以这样做。如果我认为它很好，我可能会给它一个赞成票（与它被接受的答案不同 - 只有你可以设置它）。

标签： jquery jquery-plugins fullcalendar fullcalendar-2

【解决方案1】：

这是对我有用的答案，特别感谢@Adyson 的帮助和建议。

var calHeight = function() {
    $('#calendar').find('.fc-row').each(function() {
        var ogHeigth = '';
            if ($(this).find('.fc-event-container').length > '0') {
                ogHeigth = $(this).outerHeight();
            }
            if ($(this).find('.fc-event-container').length == '0') {
                $(this).css('height', ogHeigth - ogHeigth / 3);
            }
    });
}

我将此功能放在完整日历中的所有功能中，以便在添加、更新或删除事件、更改日期等时运行。它对我有用，希望这对你们有帮助。太棒了

【讨论】：

似乎是一种明智的做法 :-)