简洁的jQuery日历签到插件

查看演示立即下载

插件描述：jQuery简洁的日历签到插件采用div+css3设计日历，POST提交签到，jQuery日历签到表，日期签到表，能每日签到打勾的日历。

更新时间：2021-05-10 01:37:44

//当前日历显示的年份
  showYear:2021,
   
//当前日历显示的月份
  showMonth:5,
   
//当前日历显示的天数
  showDays:6,
  eventName:"load",
   
//初始化日历
   
init: function(signList) {
        calUtil.setMonthAndDay();
        calUtil.draw(signList);
        calUtil.bindEnvent();
    }, draw: function(signList) {
        //绑定日历    
        var str = calUtil.drawCal(calUtil.showYear, calUtil.showMonth, signList);
        $("#calendar").html(str);
        //绑定日历表头    
        var calendarName = calUtil.showYear + "年" + calUtil.showMonth + "月";
        $(".calendar_month_span").html(calendarName);
    },
    //获取当前选择的年月 
    setMonthAndDay: function() {
        switch (calUtil.eventName) {
            case "load":
                var current = new Date();
                calUtil.showYear = current.getFullYear();
                calUtil.showMonth = current.getMonth() + 1;
                break;
            case "prev":
                var nowMonth = $(".calendar_month_span").html().split("年")[1].split("月")[0];
                calUtil.showMonth = parseInt(nowMonth) - 1;
                if (calUtil.showMonth == 0) {
                    calUtil.showMonth = 12;
                    calUtil.showYear -= 1;
                }
                break;
            case "next":
                var nowMonth = $(".calendar_month_span").html().split("年")[1].split("月")[0];
                calUtil.showMonth = parseInt(nowMonth) + 1;
                if (calUtil.showMonth == 13) {
                    calUtil.showMonth = 1;
                    calUtil.showYear += 1;
                }
                break;
        }
    },
    //ajax获取日历json数据 
    var signList = [{
        "signDay": "09"
    }, {
        "signDay": "11"
    }, {
        "signDay": "12"
    }, {
        "signDay": "13"
    }];
calUtil.init(signList);

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效：原生js滚动时钟特效
下一个特效： jQuery九宫格手机锁屏插件fcode.js