如何制作全日历仅两个月?

时间:2011-07-15 07:47:50

标签: javascript jquery fullcalendar

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

此外,我只需将此日历用于显示目的,它不应该是可编辑的。

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

这可以使用完整的日历吗?

2 个答案:

答案 0 :(得分:0)

当DOM准备就绪时,您应该能够使用jQuery删除上一个和下一个按钮:

$('td.fc-header-left').empty();
如果您有右侧的按钮,请

fc-header-right

至于7月和8月的展示,你可以创建两个fullCalendar或自己创建一个自定义视图作为回答(虽然显示2周而不是特定月份) - Display 2 weeks in jQuery FullCalendar

修改:在您需要的月份创建2个单独的fullCalendar似乎是最简单的选择。

答案 1 :(得分:0)

您可以使用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'),或无限制无效。

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

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