• 农历版的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
    });
    更多配置和事件见源码。下载地址

  • 相关阅读:
    Flink 中的时间和窗口(一)
    javaweb-SMBMS
    逍遥魔兽:如何在服务器上挂机器人?
    协议的定义
    外站群服务器的特性及使用优势
    微前端框架 qiankun 配置使用【基于 vue/react脚手架创建项目 】
    微信早安消息推送(大升级版-企业微信)
    支付官方解析
    * 论文笔记【Neural Graph Collaborative Filtering】
    2022年最新《谷粒学院开发教程》:9 - 前台课程模块
  • 原文地址:https://blog.csdn.net/lanhai96/article/details/126276526