html5 签到系统功能,项目实战之基于JavaScript实现每日签到打卡轨迹功能

今天扣丁学堂HTML5培训老师给大家介绍一下关于js实现每日签到打卡轨迹功能的具体代码，希望对同学们学习HTML5开发有所帮助，下面我们一起来看一下吧。

1、核心文件calendar.js

var calUtil = {

//当前日历显示的年份

showYear:2018,

//当前日历显示的月份

showMonth:1,

//当前日历显示的天数

showDays:1,

eventName:"load",

//初始化日历

init:function(signList){

calUtil.setMonthAndDay();

calUtil.draw(signList);

},

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)

{