首页 > 代码库 > jquery全年视图(yearCalender) 日历(每月分上下旬)
jquery全年视图(yearCalender) 日历(每月分上下旬)
之前一个项目需要使用日历,理所当然想到fullcalender,
前期一路绿灯啊,月视图,周视图,都OK
客户看到之后也说OK。。。。。。问题来了 年视图无法实现(直接显示12个月 ,每个月分上中下三旬,每个事件对应位置到对应的旬,并不能覆盖文字标题
也就是说需要智能换行,杯具啊。。 找遍了插件库没有类似的插件 都只有普通的calender,唉 痛。。。。)
幸好。。 虽然本人就是一个老菜鸟,, 老了的菜鸟。。
不过还是会写些js ,封装了一个类似的yearcalender , 暂时只支持 分上中下旬 , 以后打算具体支持 月,上中下旬,周。
支持自定义月份排布,自动识别文字覆盖换行,事件项的事件绑定等各种操作,根据内容的多少和换行的需要自动增加行,自动位置对应和计算需要的位置 为是否换行做条件
,支持单个事件和跨日期事件标记,
以后有需要再扩展吧。。。 唉唉唉,自己动手还是很有趣的。。 网上的插件不是万能的
随便上代码看看,具体代码太长 就不放了 有需要的可以拿去用 自己扩展。。 不要喷我 虽然我是菜鸟 但我也在努力学习
$(".content_without_bar").initYearCalender({
rowHeight: 40, //列内容行高
data: null, //data数据
rowCount: 1, //默认的数据行数
tipWidth: 120, //项容器高度
onRenderComplete: function() {
alert(‘加载完成了‘);
}
});
});
jquery全年视图(yearCalender) 日历(每月分上下旬)