html简单的手机移动端日历签到js代码

html简单的手机移动端日历签到js代码

html简单的手机移动端日历签到js代码

一款简单的手机移动端日历签到js代码,挺不错的手机签到页面,可自定义已签到日期,连续几天签到代码。

源码介绍

js代码

"text/javascript" src="js/rili.js"
"JavaScript"> 
            var isSign = false; 
            var myday = new Array(); //已签到的数组 
//            myday[0] = "1528646400" 
//            myday[1] = "1528387200" 
//            myday[2] = "1525708800" 
 
            var cale = new Calendar("idCalendar"{ 
                qdDay: myday, 
                onToday: function(o) { 
                    o.className = "onToday"
                }
                onSignIn: function (){ 
                    $$("sign-txt").innerHTML = '已签到'
                }
                onFinish: function() { 
                    $$("sign-count").innerHTML = myday.length //已签到次数 
                    $$("idCalendarYear").innerHTML = this.Year; 
                    $$("idCalendarMonth").innerHTML = this.Month; //表头年份 
 
                } 
            }); 
            $$("idCalendarPre").onclick = function() { 
                cale.PreMonth(); 
            } 
            $$("idCalendarNext").onclick = function() { 
                cale.NextMonth(); 
            } 
            //添加今天签到 
            $$("signIn").onclick = function() { 
                if(isSign == false) { 
                    var res = cale.SignIn(); 
                    if(res == '1'{ 
                        $$("sign-txt").innerHTML = '已签到'
                        $$("sign-count").innerHTML = parseInt($$("sign-count").innerHTML) + 1
                        isSign = true; 
                    } else if (res == '2'){ 
                        $$("sign-txt").innerHTML = '已签到'
                        alert('今天已经签到了'
                    } 
                } else { 
                    alert('今天已经签到了'
                } 
 
            } 


分享到 :

发表评论

登录... 后才能评论