开发者

How can I disable some dates range in a fullcalendar?

I开发者_开发知识库 want to disable days before and after dates range, anybody know how can I do that? (sorry for my english).

Hernan


so you mean on the ACTUAL calendar you don't want people to book certain dates?

Look at this link

http://jsfiddle.net/ppumkin/7MTdn/

Click on a day 15 days later and the alert changes.. something like this? Yea

If that is what you mean i can try and change it for your needs..

$('#mycalendar').fullCalendar(
            {
             header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay'
                    },


                dayClick: function( date, allDay, jsEvent, view ) { 
                    var myDate = new Date();

                    //How many days to add from today?
                    var daysToAdd = 15;

                    myDate.setDate(myDate.getDate() + daysToAdd);

                    if (date < myDate) {
                        //TRUE Clicked date smaller than today + daysToadd
                    alert("You cannot book on this day!");    
                    }
                    else
                    {
                        //FLASE Clicked date larger than today + daysToadd
                        alert("Excellent choice! We can book today..");    
                     }   


            },      

             events: [

                        {
                            title  : 'event2',
                            start  : '2011-03-10',
                            end    : '2011-05-5'
                        }
                    ]
           }); 

Please note this was written compatible for 1.6.4 and that from version 2+ most of the API has changed and things should be different but the general events and logic should be the same.


In fullCalendar v3 we can use selectConstraint

selectConstraint: {
   start: moment().format('YYYY-MM-DD'),
   end: '2200-01-01'
},

if you don't want an event to be droppable in past days you can use

eventConstraint: {
  start: moment().format('YYYY-MM-DD'),
  end: '2200-01-01'
},
0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜