Question

195

how to disable previous month in Full Calendar Plugin

rated 0 times [ 200] [ 5] / answers: 1 / hits: 16435 / 10 Years ago, thu, april 10, 2014, 12:00:00

I want to disable previous month button from full calander

Current month is April. When i clicked on previous button then calendar is showing previous March month. should not be happened.

http://jsfiddle.net/6enYL/

$(document).ready(function () {



    var date = new Date();

    var d = date.getDate();

    var m = date.getMonth();

    var y = date.getFullYear();



    var calendar = $('#calendar').fullCalendar({

        header: {

            left: 'prev,next today',

            center: 'title'

        },

        selectable: true,

        selectHelper: true,

        editable: true

    });



});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kalli

Add To Favorites

Follow

Total Points: 589

Total Questions: 105

Total Answers: 97

Location: Rwanda

Member since Thu, Feb 10, 2022

2 Years ago

answered 10 Years ago tayaw · Accepted Answer

Yep, I've modified your fiddle with lewsid's answer, and it works.
http://jsfiddle.net/6enYL/1/

    jQuery('#calendar').fullCalendar({

    viewDisplay   : function(view) {

      var now = new Date(); 

      var end = new Date();

      end.setMonth(now.getMonth() + 11); //Adjust as needed



      var cal_date_string = view.start.getMonth()+'/'+view.start.getFullYear();

      var cur_date_string = now.getMonth()+'/'+now.getFullYear();

      var end_date_string = end.getMonth()+'/'+end.getFullYear();



      if(cal_date_string == cur_date_string) { jQuery('.fc-button-prev').addClass(fc-state-disabled); }

      else { jQuery('.fc-button-prev').removeClass(fc-state-disabled); }



      if(end_date_string == cal_date_string) { jQuery('.fc-button-next').addClass(fc-state-disabled); }

      else { jQuery('.fc-button-next').removeClass(fc-state-disabled); }

    }

});