使用Jquery实现每日签到功能

一直想做一个签到功能，但是百度了都没有自己想要的，所以就借着网上搜到的素材然后整合自己之前写的插件layerModel自己整合了一个，大家娱乐娱乐就好！

日历。射流研究…

var calUtil={ getDaysInmonth : function(iMonth，iYear){ var dPrevDate=new Date(iYear，iMonth，0)；返回dprevdate。getdate()；}，bulidCal :函数(iYear，iMonth){ var aMonth=new Array()；aMonth[0]=新数组(7);aMonth[1]=新数组(7);aMonth[2]=新数组(7);aMonth[3]=新数组(7);aMonth[4]=新数组(7);aMonth[5]=新数组(7);aMonth[6]=新数组(7);var dCalDate=新日期(iYear，iMonth - 1，1)；var idayofyrist=DCALDATE。GetDay()；var iDaysInMonth=calutil。getdaysinmonth(iMonth，iYear)；var iVarDate=1；var d，w；' aMonth[0][0]='日；' aMonth[0][1]='一；' aMonth[0][2]='二；' aMonth[0][3]='三；' aMonth[0][4]='四；' aMonth[0][5]='五；' aMonth[0][6]='六；for(d=IDAYofRefist；D7；d){ aMonth[1][d]=iVarDate；(w=2；w 7；w){ for(d=0；D7；d){ if(iVarDate=idaysnmonth){ aMonth[w][d]=iVarDate；iVarDate} } }返回第{ 0 }个，如果已注册：函数(signList，day){ var signed=false；$.每个(签名列表，函数(索引，项目){ if(项目。sign day==day){ sign=true；返回false } })；已签名的退货；}，drawCal :函数(iYear，iMonth，sign list){ var myMonth=calutil。bulidcal(iYear，iMonth)；var html s=new Array()；html s . push(' div class=' sign _ main ' id=' sign _ layer ' ')；html s . push(' div class=' sign _ suc _ calendar _ title ' ')；//html s . push(' div class=' calendar _ month _ next '/div ')；//html s . push(' div class=' calendar _ month _ prev '/div ')；html s . push(' div class=' calendar _ month _ span ' 2015)年04月/div ')；html s . push('/div ')；html s . push(' div class=' sign ' id=' sign _ cal ' ')；html s . push(' table ')；html s . push(' tr ')；html s . push(' th ' myMonth[0][0]'/th ')；html s . push(' th ' myMonth[0][1]'/th ')；html s . push(' th ' myMonth[0][2]'/th ')；html s . push(' th ' myMonth[0][3]'/th ')；html s . push(' th ' myMonth[0][4]'/th ')；html s . push(' th ' myMonth[0][5]'/th ')；html s . push(' th ' myMonth[0][6]'/th ')；html s . push('/tr ')；var d，w；for(w=1；w 7；w){ html s . push(' tr ')；for(d=0；D7；d){ var ifHasSigned=calutil。ifHasSigned(签名列表，我的月份[w][d])；控制台。日志(如果有设计)；if(ifHasSigned){ html s . push(' TD class=' on ')(！isNaN(myMonth[w][d])？myMonth[w][d]: ' ')'/TD ')；} else { htmls.push('td '(！isNaN(myMonth[w][d])？myMonth[w][d]: ' ')'/TD ')；} } html s . push('/tr ')；} html s . push('/table ')；html s . push('/div ')；html s . push('/div ')；返回html s . join(" ")；}};sign.css。singer _ r _ img { display :块；宽度宽度：114磅重量：52磅线高：45 px背景： URL(图片/sing _ week。gif)右2px不重复；垂直对齐：毫米；*边距-底部：-10px；文本装饰：无；}.singer _ r _ img :悬停{背景-位置：右-53px；文本装饰：无；}.singer _ r _ img span { margin-left :14 px；font-size :16 pxfont-family : ' Hiragino Sans GB '，'微软雅黑'，无衬线！重要；字体粗细：700；color: # 165379}。singer _ r _ img。当前{背景： URL(图片/sing _ sing。gif)无重复0 2pxborder:0文本装饰：无；}.标志表{边框折叠： }折叠；边框间距： 0;宽度：100%;}.签名。符号td { width: 30px高度： 40px文本对齐：中心；线高： 40pxborder:1px实心# e3e3e3}。符号th { font-size : 16px}.符号td { color: # 404040垂直对齐： 中间；} .签名。在{背景： URL(图像/符号_有。gif)上无重复中心；}.下一个日历月calendar _ month _ prev { width : 34px；高度： 40px光标：指针；背景： URL(图像/符号_箭头。巴布亚新几内亚)不重复；}.日历_月份_下一个{浮动：右；背景-位置：-42px-6px；}.calendar _ month _ span { display : inline；线高： 40pxfont-size : 16px颜色： # 656565字母间距2pxfont-weight:粗体；}.calendar _ month _ prev { float : left；背景-位置：-5px-6px；}.sign _ suc _ calendar _ title { text-align : center；宽度宽度：398像素边框-左侧：1px实心# e3e3e3border-right:1px实心# e3e3e3背景# fff}。sign _ main { width : 400 px/* }背景色-颜色： # FBFEFE**/border-top:1px实心# E3 E3 font-family : '微软雅黑，SimHeidisplay:无；}sign.jsp

“% @”页面语言=“Java”导入=“Java”。乌提尔。* "页面编码=' utf-8 ' %！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title签到效果实现/title脚本类型=' text/JavaScript ' src=' http : $ { page context。请求。上下文路径}/resources/jquery-1。8 .3 .量滴js '/脚本链接rel='样式表type=' text/CSS ' href=' $ { page context。请求。上下文路径}/资源/签名/签名。CSS '/脚本类型=' text/JavaScript ' src=' http 3360 $ { page context。请求}/上下文路径//*签到模块日期捕捉：*/函数week(){ var objDate=new Date()；var week=Objdate。GetDay()；switch(week) { case 0: week='周日；打破；案例1:周='周一；打破；案例2:周='周二；打破；案例3:周='周三；打破；案例4:周='周四；打破；案例5:周='周五；打破；案例6:周='周六；打破；} $('#sing_for_number ').html(周);} $(function(){ week()；var current=new Date()；$('.singer_r_img ').单击(function(){ var s=this；' showLoading('正在签到.');$.Ajax({ URL : ' $ { page context。请求。上下文路径}/符号/doSign '，键入： 'POST '，dataType : 'json '，success :函数(数据){加载完成()；var rst=data . resultif(rst==1){ showError('今天您已经签到，无须再次签到！function(){ var符号列表=数据。签名列表；美元.添加CLaSS(' current ')；var str=calutil。汲取cal(电流。getfullyear()、current.getMonth() 1、签名列表)；$(字符串)。layerModel({title: '签到日历'});});} else { showSuccess('签到成功！function(){ var符号列表=数据。签名列表；美元.添加CLaSS(' current ')；var str=calutil。汲取cal(电流。getfullyear()、current.getMonth() 1、签名列表)；$(字符串)。layerModel({title: '签到日历'});});} } });});});/script script type=' text/JavaScript ' src=' http : $ { page context。请求。上下文路径}/资源/层模型/jquery。图层模型。插件。js '/script/head body a class=' singer _ r _ img ' href=' # # # # span ' id=' sing _ for _ number '签到/span/a/body/HTMlSigncontroller。爪哇

package com.controller导入Java。乌提尔。日期；导入Java。乌提尔。列表；导入javax。servlet。http。HttpServletrequest导入javax。servlet。http。HttpServletResponse导入组织。弹簧框架。豆子。工厂。注释。自动连线；导入组织。弹簧框架。刻板印象。控制器；导入组织。弹簧框架。网络。绑定。注释。请求映射；导入组织。弹簧框架。网络。servlet。modelAnDview导入com。常见。框架。控制器。基本控制器；导入com。常见。乌提尔。Requestutil导入com。模特。实体。签名；导入com。模特。服务。sign ServiCe@ Controller @请求映射("/sign ")公共类信号控制器扩展了基本控制器{ @ Autowired私有标志服务标志服务；@RequestMapping('/doSign ')公共模型和视图设计(HttpServletrequest请求，HttpServletResponse响应){ modelAndView view=super。createjsonview()；尝试{ //先查询是否已经签到boolean ifHasSigned=签署服务。ifHasSigned()；if(ifHasSigned){ view。addobject(' result '，' 1 ')；} else { Signentity Signentity=new Signentity()；日期签名日期=新日期();显著性。setsignatime(签名)；符号实体。设定一天(长。(签名日期)的值。getdate()))；签名身份。setsignip(requestutil。getipader(请求))；签名人（周坤);标志服务。符号tx(Signentity)；view.addObject('result '，' 0 ')；} ListSignEntity sign list=sign service。list sign()；view.addObject('signList '，sign list)；} catch(异常e){ e . print stack trace()；}返回视图；}公共静态void main(String[]args){ system。出去。新日期().getDate())；}}演示图：

以上所述就是本文的全部内容了，希望大家能够喜欢。