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

时间:2014-03-11 06:14:15

标签: javascript php fullcalendar

我想设置初始日期和结束日期。 因此,当我调用该函数来显示仅显示startdate和enddate之间的日期的日历时。

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

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

2 个答案:

答案 0 :(得分:5)

您致电' gotodate'初始化日历后,您将移至所需日期。

除此之外,在viewDisplay回调中,您可以设置最低和最高日期,并停用预览'和' next'当用户到达边缘时按钮......

在以下示例中,它允许在今天和将来的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");
    }
}

答案 1 :(得分:-1)

动态日期:在日历函数中添加此事件,这是由function_name(_start_date,_end_date)动态传递日期 并从现在开始viewRender事件:

viewRender:function(view){

                   var moment1 = $('#calendar').fullCalendar('getDate');
                    var current_year = moment(moment1).format('YYYY-MM');
                    var start_year = moment(_start_date).format('YYYY-MM');
                    var end_month = moment(_end_date).format('YYYY-MM');

                    if (current_year >= end_month) {
                        $(".fc-next-button").addClass("fc-state-disabled");
                        bootbox.alert('Your Academic Session is over');
                        //alert('Your Academic Session is over');
                    }
                    else {
                        $(".fc-next-button").removeClass("fc-state-disabled");
                    }
                    if (current_year <= start_year) {
                        $(".fc-prev-button").addClass("fc-state-disabled");
                        bootbox.alert('Your Academic Session is over');
                        //alert('Your Academic Session is over');
                    }
                    else {
                        $(".fc-prev-button").removeClass("fc-state-disabled");
                    }
                }