FullCalendar增加⾃适应⼤⼩调整的特性及绑定toolbar事件
使⽤Full Calendar，当左侧sidebar收起的时候，Full Calendar不能随着布局⾃动适应⼤⼩。
原因主要是Full Calendar显⽰星期和⽇期的2个标签div/table的width属性被设置成了初始化时的⼤⼩。当左侧的sidebar收起时，没有消息通知进⾏重绘。
标书目录
解决办法是，去除这⼏个style='width: xxx"的设置，让宽度⾃适应。代码如下：
function autoScaleFullCalendar(){
$(".fc-col-header").removeAttr("style");
悲感
$(".fc-daygrid-body.fc-daygrid-body-unbalanced").removeAttr("style");
var style =$(".fc-scrollgrid-sync-table").attr("style").split(";");
var defaultHeigth ="";
胆囊炎的症状有哪些
for(let i =0; i < style.length; i++){
const e = style[i].trim();
if(e.indexOf("height")>=0){
羊绒大衣在家怎么洗defaultHeigth = e;
}
项目可行性
}
$(".fc-scrollgrid-sync-table").removeAttr("style");
$(".fc-scrollgrid-sync-table").attr("style", defaultHeigth);
}
火字
在FullCalendar创建之后调⽤即可。
$(function(){
var calendar =new Calendar(calendarEl,{
// do something to init.
}飞机逃生
最美好的时光
// Auto scale
autoScaleFullCalendar();
// fullcalendar的toolbar在点击后，会重新计算table的宽度，使⾃适应失效// 绑定点击事件，再次去除相关属性
$(".fc-toolbar-chunk").on("click",function(params){ autoScaleFullCalendar();
})
}
