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

Question

我只需要在日历中显示两个月，即七月和八月。所有其他月份应该被隐藏，例如下个月或前一个月按钮应该被禁用。

我需要这个日历只是为了显示的目的，它不应该是可编辑的。

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

这是可能的满日历?

Answer 1

可以使用JQuery的DatePicker

还可以设置minDate和maxDate:

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

示例maxdate:通过date对象或当前dateFormat中的字符串设置可选择的最大日期，或从今天开始的天数(例如+7)或值和周期的字符串('y'表示年，'m'表示月，'w'表示周，'d'表示天，例如:'+1m +1w')，如果没有限制则为空。

这样你就可以有一个"只有2个月的日历"。对于只读日历，你可以实现一个div，通过一个更高的z-index值覆盖jQuery日历，使其不可选择，但这将阻止你选择单个日期。

对于你需要的，我想最简单的方法是扩展插件本身。

Answer 2

当DOM准备好时，您应该能够使用jQuery删除previous和next按钮:

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

或fc-header-right，如果右边有按钮。

至于只显示7月和8月，你可以创建两个fullCalendar或者自己创建一个自定义视图作为回答(尽管显示2周而不是特定的月份)。

编辑:创建2个单独的fullCalendar s固定在你需要的月份似乎是最简单的选择。