如何制作只有两个月的完整日历？

Question

我只需要在日历中显示两个月，即 7 月和 8 月。应隐藏所有其他月份，例如应禁用下个月或上个月按钮。

另外我需要这个日历仅用于显示目的，它不应该是可编辑的。

只有在数据库中找到事件的日期应该被突出显示，当用户将鼠标悬停在突出显示的日期上时，他应该可以在一个小弹出窗口中看到事件的详细信息。

这可以用完整的日历吗？

Answer 1

您可以使用DatePicker of JQuery 。

您还可以在此处设置 minDate 和 maxDate：

        $(function ()
        {
            $('#DateTextBox').datepicker({
                maxDate: '+1m',
                minDate: '-1m',
                dateFormat: 'dd/mm/yy'
            });
        });

例如 maxdate：通过 Date 对象或当前 dateFormat 中的字符串设置最大可选日期，或从今天开始的天数（例如 +7）或一串值和句点（'y' 表示年份, 'm' 表示月，'w' 表示周，'d' 表示天，例如 '+1m +1w'），或 null 表示无限制。

通过这种方式，您可以拥有“仅 2 个月的日历”。关于只读日历，您可以实现一个 div，它通过更高的 z-index 值覆盖 jQuery 日历，使其无法选择，但这会阻止您选择单个日期。

根据您的需要，我想最简单的方法是扩展插件本身。

Answer 2

当 DOM 准备好时，您应该能够使用 jQuery 删除上一个和下一个按钮：

$('td.fc-header-left').empty();

或fc-header-right，如果您有右侧的按钮。

至于仅显示 7 月和 8 月，您可以创建两个 fullCalendar 或自己创建一个自定义视图作为回答（尽管显示 2 周而不是特定月份）-Display 2 weeks in jQuery FullCalendar

编辑：在您需要的月份固定创建 2 个单独的 fullCalendars 似乎是最简单的选择。