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

How to make the fullcalendar for only two months?

本文关键字:日历 两个月 何制作      更新时间:2023-09-26

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

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

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

这是可能的满日历?

可以使用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日历,使其不可选择,但这将阻止你选择单个日期。

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

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

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

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

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

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