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>
下载
|
|