投稿 搜索
当前位置: 站长天下 / 时间日期 / 一款简单手机移动端js日历签到代码
一款简单手机移动端js日历签到代码
标签:

插件介绍

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

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-15
    阅读:

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

简要教程

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

使用方法

需要引用该的rili.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>