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

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

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

使用方法
需要引用该的rili.js文件

1
<script type="text/javascript" src="js/rili.js"></script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<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>

文件信息:

    0

    发表评论