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

                                }

                         });

    });

  • 相关阅读:
    课程设计之第二次冲刺----第一天
    第一个spring冲刺总结
    课程设计之第一次冲刺----第九天
    课程设计之第一次冲刺----第八天
    课程设计之第一次冲刺----第七天
    课程设计之第一次冲刺----第六天
    课程设计之第一次冲刺---第5天
    课程设计之第一次冲刺---第四天
    课程设计之第一次冲刺---第3天
    课程设计之第一次冲刺---第二天
  • 原文地址:https://www.cnblogs.com/JQlin-c/p/4186740.html
Copyright © 2020-2023  润新知