PROMULGATOR

    傲娇

    新疆乌鲁木齐市
    Html
    Css
    Js
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
<div id="cldFrame">
    <div id="cldBody">
        <table>
            <thead>
                <tr>
                    <td colspan="7">
                        <div id="top">
                            <span id="left">&lt;</span>
                            <span id="topDate"></span>
                            <span id="right">&gt;</span>
                        </div>
                    </td>
                </tr>
                <tr id="week">
                    <td>日</td>
                    <td>一</td>
                    <td>二</td>
                    <td>三</td>
                    <td>四</td>
                    <td>五</td>
                    <td>六</td>
                </tr>
            </thead>
            <tbody id="tbody">
            </tbody>
        </table>
    </div>
</div>
<!-- <td id="GD7">
    <font id="SD7" size="2" face="Arial Black" color="red" title="" class=""> 5 < /font> 
    <br>
    <font id="LD7" size="2" style="font-size:9pt"></font>
</td> -->
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
#cldFrame {
    position:relative;
    width:600px;
    margin:50px auto;
}
#cldBody {
    margin:10px;
    position:absolute;
    width:600px;
}
#top {
    font-family:'微软雅黑';
    position:relative;
    height:40px;
    text-align:center;
    line-height:40px;
}
#topDate {
    font-size:17px;
    font-weight:700;
}
.curDate {
    color:red;
    font-weight:bold;
}
table {
    background-color:#f7f7f7;
}
#week td {
    font-size:9px;
    color:#797979;
}
td {
    height:30px;
    width:30px;
    text-align:center;
    font-family:'微软雅黑';
    font-size:15px;
}
#left,#right {
    position:absolute;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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
/*判断某年是否是闰年*/
function isLeap(year) {
    if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
        return true;
    } else {
        return false;
    }
}
var monthDay = [31, 0, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
/*判断某年某月某日是星期几，默认日为1号*/
function whatDay(year, month, day = 1) {
    var sum = 0;
    sum += (year - 1) * 365 + Math.floor((year - 1) / 4) - Math.floor((year - 1) / 100) + Math.floor((year - 1) / 400) +
        day;
    for (var i = 0; i < month - 1; i++) {
        sum += monthDay[i];
    }
    if (month > 2) {
        if (isLeap(year)) {
            sum += 29;
        } else {
            sum += 28;
        }
    }
    return sum % 7; //余数为0代表那天是周日，为1代表是周一，以此类推
}
/*显示日历*/
function showCld(year, month, firstDay) {
    var i;
    var tagClass = "";
    var nowDate = new Date();
    var days; //从数组里取出该月的天数
    if (month == 2) {
        if (isLeap(year)) {
            days = 29;
        } else {
            days = 28;
        }
    } else {
        days = monthDay[month - 1];
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3
 立即下载

简单的日历

更新时间：2020-04-30 00:27:29

简单的日历插件（html+css+js）效果

0