jQuery每日签到功能日历代码

jQuery每日签到功能日历代码是一款简单实用的带有网页每日签到功能的日历特效。

js代码
<scripttype="text/javascript">
$(function(){
varsliarrn=[15,17,16,18]
var$thead=$('#thead'),
$tbody=$('#tbody'),
$button=$('#button'),
$button2=$('#button2'),
wk=true,
slidate=newDate(),
_nullnei='',
de=slidate.getDate()+1;
varmonthFirst=newDate(slidate.getFullYear(),parseInt(slidate.getMonth()),1).getDay();//获取当月的1日等于星期几
vard=newDate(slidate.getFullYear(),parseInt(slidate.getMonth()+1),0);//获取月
varconter=d.getDate();//获取当前月的天数

//遍历日历网格
for(vari=1;i<=6;i++){
_nullnei+="<tr>";
for(varj=1;j<=7;j++)
{
_nullnei+='<td></td>';
}
_nullnei+="</tr>";
}
$tbody.html(_nullnei);

//遍历网格内容
var$slitd=$tbody.find("td");
for(vari=0;i<conter;i++)
{
$slitd.eq(i+monthFirst).html("<p>"+parseInt(i+1)+"</p>")
}

Funback();//给当前日加样式
Funmore();//本月未签到样式
Funmonth();//查询已签到
$button.on("click",function(){
if(wk==true)
{
sliarrn.push(de-1);//把当日传入已签
Funmonth();//再次查询签到
alert('已签到');
}
})
$button2.on("click",function(){
alert('你本月已签到'+sliarrn.length+'次')
})
functionFunback(){
$slitd.eq(parseInt(de)).addClass('color')
}

functionFunmore(){
for(vari=0;i<de;i++)
{
$slitd.eq(i).addClass('weiqian')
}
}
functionFunmonth(){
for(vari=0;i<conter;i++)
{
for(varj=0;j<sliarrn.length;j++)
{
if(i==sliarrn[j])
{
$slitd.eq(i+1).addClass('los')
}
}
}
}
})
</script>



下载

2023-11-22 21:27 上传

点击文件名下载附件
售价: 2 金币  [记录]  [购买]