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'
},
精彩评论