1 var calUtil ={2 //当前日历显示的年份

3 showYear:2015,

4 //当前日历显示的月份

5 showMonth:1,

6 //当前日历显示的天数

7 showDays:1,

8 eventName:"load",

9 //初始化日历

10 init:function(signList,s=''){11 calUtil.setMonthAndDay();12 if (typeof(s) == 'undefined'){13 }else{14 signList.splice('','',s);15 }16 calUtil.draw(signList);17 calUtil.bindEnvent(signList);18 },

19 draw:function(signList){20 //绑定日历21 //alert(signList.length);22 // console.log(signList);

23 if(signList.length > 21){24 //alert(21);

25 $("#sign_note").empty();26 $("#sign_note").html(' 已达标,获取1次抽奖');27 }28 var str = calUtil.drawCal(calUtil.showYear,calUtil.showMonth,signList);29 $("#calendar").html(str);30 //绑定日历表头

31 var calendarName=calUtil.showYear+"/"+calUtil.showMonth+"";32 $(".calendar_month_span").html(calendarName);33 },

34 //绑定事件

35 bindEnvent:function(signList){36 绑定上个月事件37 // $(".calendar_month_prev").click(function(){38 // //ajax获取日历json数据39 // //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];40 // calUtil.eventName="prev";41 // calUtil.init(signList);42 // });43 // //绑定下个月事件44 // $(".calendar_month_next").click(function(){45 // //ajax获取日历json数据46 // //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];47 // calUtil.eventName="next";48 // calUtil.init(signList);49 // });

50

51 $(".calendar_record").click(function(){52 //ajax获取日历json数据53 // console(typeof(signList)+"yxy");54 //var signList=[{"signDay":"10"},{"signDay":"11"},{"signDay":"12"},{"signDay":"13"}];55 //var tmp = {"signDay":$(this).html()};56 //if (typeof(signList) == 'undefined'){57 //不做处理58 //}else{59 // signList.splice('','',tmp);60 // console.log(signList);61 // calUtil.init(signList);62 // }63 //alert($(this).html());

64 var tmp = {"signDay":$(this).html()};65 console.log(tmp.signDay)66

67 //if(tmp.signDay==11){68 //执行签到

69 $.ajax({70 type:'POST',

71 url:"checksign.html",

72 data:{day:tmp.signDay},

73 dataType:'json',

74 success:function(res){75 //if(res.result==1){76 // calUtil.init(signList,tmp);77 // }else{

78 alert(res.msg);79 location.reload(true);80 //}

81

82 }83 })84

85 //}else{86 // alert("请签到当天日期")87 // }

88 });89 },

90 //获取当前选择的年月

91 setMonthAndDay:function(){92 switch(calUtil.eventName)93 {94 case "load":

95 var current = new Date();96 calUtil.showYear=current.getFullYear();97 calUtil.showMonth=current.getMonth() + 1;98 break;99 case "prev":

100 var nowMonth=$(".calendar_month_span").html().split("年")[1].split("月")[0];101 calUtil.showMonth=parseInt(nowMonth)-1;102 if(calUtil.showMonth==0)103 {104 calUtil.showMonth=12;105 calUtil.showYear-=1;106 }107 break;108 case "next":

109 var nowMonth=$(".calendar_month_span").html().split("年")[1].split("月")[0];110 calUtil.showMonth=parseInt(nowMonth)+1;111 if(calUtil.showMonth==13)112 {113 calUtil.showMonth=1;114 calUtil.showYear+=1;115 }116 break;117 }118 },

119 getDaysInmonth : function(iMonth,iYear){120 var dPrevDate = new Date(iYear, iMonth, 0);121 return dPrevDate.getDate();122 },

123 bulidCal : function(iYear,iMonth) {124 var aMonth = new Array();125 aMonth[0] = new Array(7);126 aMonth[1] = new Array(7);127 aMonth[2] = new Array(7);128 aMonth[3] = new Array(7);129 aMonth[4] = new Array(7);130 aMonth[5] = new Array(7);131 aMonth[6] = new Array(7);132 var dCalDate = new Date(iYear, iMonth - 1, 1);133 var iDayOfFirst = dCalDate.getDay();134 var iDaysInMonth = calUtil.getDaysInmonth(iMonth,iYear);135 var iVarDate = 1;136 var d,w;137 aMonth[0][0] = "日";138 aMonth[0][1] = "一";139 aMonth[0][2] = "二";140 aMonth[0][3] = "三";141 aMonth[0][4] = "四";142 aMonth[0][5] = "五";143 aMonth[0][6] = "六";144 for (d = iDayOfFirst; d < 7; d++) {145 aMonth[1][d] =iVarDate;146 iVarDate++;147 }148 for (w = 2; w < 7; w++) {149 for (d = 0; d < 7; d++) {150 if (iVarDate <=iDaysInMonth) {151 aMonth[w][d] =iVarDate;152 iVarDate++;153 }154 }155 }156 returnaMonth;157 },

158 ifHasSigned : function(signList,day){159 var signed = false;160 $.each(signList,function(index,item){161 if(item.signDay ==day) {162 signed = true;163 return false;164 }165 });166 returnsigned ;167 },

168 drawCal : function(iYear, iMonth ,signList) {169 var myMonth = calUtil.bulidCal(iYear,iMonth);170 var htmls = new Array();171 htmls.push("

");172 htmls.push("

");173 //htmls.push("

下月

");174 //htmls.push("

上月

");

175 htmls.push("

");177 htmls.push("

");178 htmls.push("

");179 htmls.push("

" + myMonth[0][0] + "

");180 htmls.push("

" + myMonth[0][1] + "

");181 htmls.push("

" + myMonth[0][2] + "

");182 htmls.push("

" + myMonth[0][3] + "

");183 htmls.push("

" + myMonth[0][4] + "

");184 htmls.push("

" + myMonth[0][5] + "

");185 htmls.push("

" + myMonth[0][6] + "

");186 htmls.push("

");187 var d,w;188 for (w = 1; w < 6; w++) {189 htmls.push("

");190 for (d = 0; d < 7; d++) {191

192 var ifHasSigned = calUtil.ifHasSigned(signList,myMonth[w][d]);193 console.log("001:"+ifHasSigned);194 if(ifHasSigned && typeof(myMonth[w][d]) != 'undefined'){195 htmls.push("

" + (!isNaN(myMonth[w][d]) ? myMonth[w][d] : " ") + "

");196 } else{197 htmls.push("

" + (!isNaN(myMonth[w][d]) ? myMonth[w][d] : " ") + "

");198 }199 }200 htmls.push("

");201 }202 htmls.push("

");203 htmls.push("

");204 htmls.push("

");205 return htmls.join('');206 }207 };208

js php 实现日历签到_PHP实现日历签到,并实现累计积分功能相关推荐

  1. php 日历重复_PHP 生成日历

    效果如下: PHP端代码: /** * 日历 * * @param string month */ public static function day_report($params = []) { ...

  2. js php 实现日历签到_php+mysql+jquery实现日历签到功能

    在网站开发过程中我们会经常用到签到功能来奖励用户积分,或者做一些其他活动.这次项目开发过程中做了日历签到,因为没有经验所有走了很多弯路,再次记录过程和步骤. 1.日历签到样式: 2.本次签到只记录本月 ...

  3. js php 实现日历签到_php+mysql+jquery实现日历签到功能的过程与步骤

    在网站开发过程中我们会经常用到签到功能来奖励用户积分,或者做一些其他活动.这次项目开发过程中做了日历签到,因为没有经验所有走了很多弯路,再次记录过程和步骤.日历签到样式: 本次签到只记录本月签到数,想 ...

  4. php mysql ajax日历记事本_php+mysql+jquery日历签到

    在网站开发过程中我们会经常用到签到功能来奖励用户积分,或者做一些其他活动.这次项目开发过程中做了日历签到,因为没有经验所有走了很多弯路,再次记录过程和步骤.1.日历签到样式:2.本次签到只记录本月签到 ...

  5. html实现日历签到页面,jquery每日签到日历插件

    这是一款使用jquery来实现的每日签到日历插件源代码.该每日签到插件可以实现签到功能,查看签到次数等,非常实用. 使用方法 在页面中引入样式文件style.css,jquery.min.js和签到j ...

  6. 微信小程序签到页面的日历实现

    业务需求:签到页面用日历展示签到情况,只显示当月的. 过期未签的显示灰色字,已签的显示橙色字,当天显示白色字加一个背景图. 1.新建日历组件(取名:calendar) 2.calendar.wxml代 ...

  7. 日历插件(项目总结)(包括mobiscroll.js LCalendar 和Calendar这三个日历插件)

    日历插件的总结,由于在项目中经常用到日历,所以需要总结一下日历插件的用法 日历初始化 var date = new Date(); var today = dateUtil.dateFormat(da ...

  8. java 日历签到功能_Android 在日历的基础上实现签到功能

    时间:2019-04-26 概述:签到 日历 这是一个APP签到功能的实例,本实例通过在日历中进行标注,实现日历签到功能.运行实例,单击"签到"按钮,会在日历中当天的位置添加&qu ...

  9. 仿钉钉考勤统计页面的日历组件,通过日历展示每日考勤打卡情况,支持在日历上打两种不同类型的点,大致适配各种分辨率效果图

    原文链接:uniapp : 仿钉钉考勤统计页面的日历组件,通过日历展示每日考勤打卡情况,支持在日历上打两种不同类型的点,大致适配各种分辨率 - northwest - 博客园 (cnblogs.com ...

最新文章

  1. 程序员:我不学Python了!!
  2. python开发需要掌握哪些知识-人工智能需要学习哪些专业课程知识?
  3. java图片缩放工具类,一个JAVA图形缩放处置工具类
  4. Spring源码解析-实例化bean对象
  5. 数据库之MySQL补充
  6. mysql order by random,sql-MySQL:ORDER BY RAND()的替代方法
  7. Open3d之非阻塞可视化
  8. 使用TortoiseSVN碰到的几个问题(2)-冲突解决, 图标重载
  9. IBGP的自己下一跳,指定源命令。
  10. python提供了两个对象身份比较操作符是_python 对象
  11. 安装Hitool JRE环境
  12. hadoop合并日志_hadoop 日志处理
  13. regsvr32与rundll32的参数和在批处理中的使用方法详细解释
  14. ubuntu18.04加nvidia显卡安装在华硕笔记本上gx1050ti(飞行堡垒fx8)+cuda+cudnn+ttensorflow+keras
  15. 怎么把手机文件导入华为云服务器,华为手机如何上传数据到云服务器
  16. 学习笔记——Jupyter notebook快速入门教程
  17. 现代韦编三绝 新东方强浩老师自学新概念的故事
  18. python3 asyncio原理_Python3 asyncio Lock 协程锁实现原理
  19. 分镜头脚本表格模板下载
  20. 多渔:阿ken的故事

热门文章

  1. win10,使用bitcomet外网阻塞(黄灯)的解决方法
  2. wow跨服务器邮件,魔兽世界怎么跨服,魔兽世界怎么跨服务器
  3. 【原创】再来二频,发现改变的东西太多了。
  4. html给图片加描边,ps如何给图片加边框?Photoshop CS6巧用描边给照片添加边框教程...
  5. 计算机信息安全四大要素,信息安全技术题库:访问控制的基本要素包括以下( )。...
  6. 分析思维:数据分析中的四种原因
  7. 罗技K845背光机械键盘深度体验报告
  8. c语言入门之项目2.2——个人所得税计算器
  9. css hover变成手_如何用CSS设置连接鼠标在上面是变成手型
  10. latex normal是几号字_LaTeX入门(四)——文字