首页 > 网站 > WEB开发 > 正文

jquery全年视图(yearCalender) 日历(每月分上下旬)

2024-04-27 14:14:46
字体:
来源:转载
供稿:网友

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('加载完成了');

}

});

});


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表