如何使FullCalendar仅显示未来日期
有没有办法只显示今天的日期。不需要显示过去的事件和日期 如果今天是2012年3月15日星期一,则日历从今天开始,显示日期至2012年4月15日如何使FullCalendar仅显示未来日期,fullcalendar,Fullcalendar,有没有办法只显示今天的日期。不需要显示过去的事件和日期 如果今天是2012年3月15日星期一,则日历从今天开始,显示日期至2012年4月15日 或者从本周开始到下一个月。使用ViewDisplay选项 viewDisplay : function(view) { date = new Date() //is today's date. if((date - view.start) > 0) { jQuery('.fc-button-prev').addCl
或者从本周开始到下一个月。使用ViewDisplay选项
viewDisplay : function(view) {
date = new Date() //is today's date.
if((date - view.start) > 0) { jQuery('.fc-button-prev').addClass("fc-state-disabled"); }
else { jQuery('.fc-button-prev').removeClass("fc-state-disabled"); }
if((view.end - date) > 7809463201) { jQuery('.fc-button-next').addClass("fc-state-disabled"); }
else { jQuery('.fc-button-next').removeClass("fc-state-disabled"); }
},
通过使用classnamefc future遍历fullcalendar事件可以轻松实现。这里是一个例子,我为未来的每个日期添加了一个按钮
eventAfterAllRender: function (event) {
if(event.name == 'month')
{
$('.fc-day.fc-future').each(function(){
$(this).css('position','relative');
$(this).append('<button type="button" style="position:absolute;bottom:0;left:0;right:0;" class="btn btn-primary" data-toggle="modal" data-target="#XYZRequest">\n' +
'<i class="fa fa-calendar-plus-o requestSlot fc-day-number" aria-hidden="true"></i>' +
'</button>');
});
}
},
eventAfterAllRender:函数(事件){
如果(event.name=='month')
{
$('.fc day.fc future')。每个(函数(){
$(this.css('position','relative');
$(此).append('\n'+
'' +
'');
});
}
},
通过设置开始日期来控制开始日期(我将当前日期设置为开始日期),可以使用viewRender禁用或启用未来或过去日期的prev/next按钮
这是密码
viewRender: function (view, element)
{
var minDate = new Date();
if (view.start <= minDate) {
$('.fc-button-prev').addClass("fc-state-disabled");
}
else {
$('.fc-button-prev').removeClass("fc-state-disabled");
}
}
viewRender:函数(视图,元素)
{
var minDate=新日期();
如果(view.start