我将来的日期总是比当前日期早30天。它存储在Date对象中。我用以下方法解决了这个问题:
var currentDate = new Date();
var futureBlockDate = new Date();
futureBlockDate.setDate(currentDate.getDate() + 30);
使用FullCalendar jQuery插件,我想以不同的背景颜色在日历上该日期之后的任何日子进行可视遮挡,以便用户知道他们当天无法单击它们或创建事件。
使用FullCalendar的最佳方法是什么?也许默认情况下禁用所有日期,而仅启用特定范围(从今天的日期到将来的30天)?
我想可以使用以下代码将禁用的后台状态应用于所有单元格:
$(".fc-widget-content").addClass("disabled");
.disabled .fc-day-content {
background-color: #123959;
color: #FFFFFF;
cursor: default;
}
如何做呢?
使用dayRender选项将“禁用”类添加到超出范围的日期。
$('#calendar').fullCalendar({
...
dayRender: function(date, cell){
if (date > maxDate){
$(cell).addClass('disabled');
}
}
...
});
您还可以使用viewRender事件和gotoDate方法来防止用户在今天之后30天之内导航:
$('#calendar').fullCalendar({
...
viewRender: function(view){
if (view.start > maxDate){
$('#calendar').fullCalendar('gotoDate', maxDate);
}
}
...
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句