如何将完整日历设置为初始化时的特定开始日期和结束日期？

Question

我想设置初始日期和结束日期.所以当我调用该函数来显示只显示startdate和enddate之间的日期的日历时.

例如,用户选择初始日期11-03-2014和结束日期17-03-2014,所以我去显示的是它将显示12-03,13-03,14-03,15-03的事件, 16-03.

我试图调用'gotodate'显示功能,但这似乎不起作用.

Answer 1

初始化日历后,您可以调用"gotodate",然后移动到所需的日期.

除此之外,在viewDisplay回调中您可以设置最小和最大日期,并在用户到达边缘时禁用"预览"和"下一步"按钮...

在以下示例中,它允许在今天和将来的5天之间导航

viewDisplay: function(view) {
    var today = new Date();
    today = new Date ( today.getFullYear(), today.getMonth(), today.getDate() );
    var maxDayLimit = new Date( new Date(today).setDate(today.getDate() + 5) );

    if( view.end >= maxDayLimit ) {
        $(".fc-button-next").addClass("fc-state-disabled");
    }
    else{
        $(".fc-button-next").removeClass("fc-state-disabled");
    }

    if( view.start <= today ){
        $(".fc-button-prev").addClass("fc-state-disabled");
    }
    else{
        $(".fc-button-prev").removeClass("fc-state-disabled");
    }
}