简单的手机移动端日历签到js代码-站长技术网

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

时间:2019-11-15 10:40:47 来源:网络收集作者:不详点击:次

源码授权：免费特效运行环境： JS 源码大小： 6 KB
普通会员
点击下载

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

js代码
<script type="text/javascript" src="js/rili.js"></script>
<script language="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('今天已经签到了')
                }
            }
</script>