zoukankan      html  css  js  c++  java
  • 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('加载完成了');

                                }

                         });

    });

  • 相关阅读:
    React Native之bugly的使用
    前端面试复习记录(2020-03-21)
    React Native之手写签名
    RN0.56+设置allowFontScaling
    React Native从0.39.x升级到0.49.x的那些事
    React Native组件系列之NetInfo
    React Native组件系列之ImageBackground
    使用Azure SQL Data Sync在Azure 上实现蓝绿部署
    新版Azure Automation Account 浅析(三) --- 用Runbook管理AAD Application Key
    新版Azure Automation Account 浅析(二) --- 更新Powershell模块和创建Runbook
  • 原文地址:https://www.cnblogs.com/JQlin-c/p/4186740.html
Copyright © 2011-2022 走看看