FULLCALENDAR:如何禁用上一个按钮，只能看到当前月份和下个月

FULLCALENDAR: How to disable prev button and only be able to see current month and the next?

本文关键字：下个月 何禁用 上一个 按钮 FULLCALENDAR      更新时间：2023-09-26

我下载了：http://arshaw.com/fullcalendar/

有人知道我如何禁用上一个按钮，所以你只能看到当月，我如何限制下一个按钮，所以你只能看到下个月？

我把它放在头上：

$(document).ready(function() {
    var date = new Date();
    var d = date.setDate();
    var m = date.setMonth();
    var y = date.setFullYear();
    $('#calendar').fullCalendar({
        editable: true,
        events: [
            {

您可以通过添加"fc-state-disabled"类来禁用上一个/下一个按钮。

例如

//disballing prev button
 $(".fc-button-prev").addClass('fc-state-disabled');

此外，如果您只想允许仅在下个月单击下一步按钮时显示，请添加以下代码。

function checkNext(e) {
        if (isNextallowed == true) {
            isNextallowed = false;
            return true;
        } else {
            $(".fc-button-next").addClass('fc-state-disabled');
            e.preventDefault();
            return false;
        }
    }
$(".fc-button-next").on("click", checkNext);
$(".fc-button-next .fc-text-arrow").on("click", checkNext)

查看此演示小提琴

试试 -

 $('#calendar').fullCalendar({
    editable: true,
    header : {
         left : 'next today'
    }
 });

您还可以参考完整日历 API 的文档，以更深入地了解其工作原理和其他可能的选项。参考 - 亚当·阿尔肖的完整日历

这是我的简单解决方案。

将此代码放在 renderView 函数中(在 1.5.4 版中第 368 行附近(中，然后忽略窗口调整大小--;接近函数的末尾。

var lammCurrentDate = new Date();
var lammMinDate = new Date( lammCurrentDate.getFullYear(), lammCurrentDate.getMonth(), 1, 0, 0, 0, 0);
if (currentView.start <= lammMinDate){
    header.disableButton('prev');
} else {
    header.enableButton('prev');
}
相关文章：