• 农历版的FullCalendar插件


    分享一个农历版的FullCalendar插件:

    精简版如下图:

     

     代码同样适用ajax异步,带有order排序:

    $(function(){
            var dayDate = new Date();
            var d = $.fullCalendar.formatDate(dayDate,"dddd");
            var m = $.fullCalendar.formatDate(dayDate,"yyyy年MM月dd日");
            var lunarDate = lunar(dayDate);
            $(".alm_date").html(m + " " + d);
            $(".today_date").html(dayDate.getDate())
            $("#alm_cnD").html("农历"+ lunarDate.lMonth + "月" + lunarDate.lDate);
            $("#alm_cnY").html(lunarDate.gzYear+"年 "+lunarDate.gzMonth+"月 "+lunarDate.gzDate+"日");
            $("#alm_cnA").html("【"+lunarDate.animal+"年】");
            var fes = lunarDate.festival();
            if(fes.length>0){
                $(".alm_lunar_date").html($.trim(lunarDate.festival()[0].desc));
                $(".alm_lunar_date").show();
            }else{
                $(".alm_lunar_date").hide();
            }
            
        });
        /** calendar配置 **/
        $(document).ready(
        function() {
            var date = new Date();
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            $('#calendar2').fullCalendar({
            events: [{
                title: '当日事件',
                order: 1,
                start: new Date(y, m, 1),
                backgroundColor: "#f56954", //red
                borderColor: "#f56954" //red
            },{
                title: '全天事件',
                order: 2,
                start: new Date(y, m, 1),
                backgroundColor: "#f56954", //red
                borderColor: "#f56954" //red
            },
            {
                title: '长事件',
                order: 3,
                start: new Date(y, m, d - 5),
                end: new Date(y, m, d - 2),
                backgroundColor: "#f39c12", //yellow
                borderColor: "#f39c12" //yellow
            }],
            eventOrder: 'order',strictMode:true
    });
    更多配置和事件见源码。下载地址

  • 相关阅读:
    【Python】设计模式&异常
    权威认证!瀚高股份IvorySQL通过强制性国标GB18030-2022最高级别认证
    Qt中常用容器组控件介绍和实操
    wifi ping延时大的问题
    day20-web开发会话技术02
    【每日一读】Unsupervised Differentiable Multi-aspect Network Embedding
    Qt调用工业相机之海康威视相机SDK【主动取流的使用】(完整版)
    人工智能知识全面讲解:最简单的神经元模型
    001flutter基础学习
    LAMP架构部署
  • 原文地址:https://blog.csdn.net/lanhai96/article/details/126276526