首页 > 代码库 > 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) 日历(每月分上下旬)