Calendar/calendar.html at master · skillnull/Calendar · GitHub

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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!doctype html>
<html>
<head>
    <title>日历小插件(节气+节日+农历)</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="calendar.css">
</head>
<body onload=Canlendar.initial()>
<div class="calendar-warp">
    <form name="myCalendar">
        <table border="1" cellpadding="0" cellspacing="0" bordercolordark="#e0e0e0" bordercolor="#e0e0e0" bordercolorlight="#e0e0e0">
            <tr class="calendar-top-box">
                <td colSpan="7">
                    <span class="calendar-top">
                        <span>公历</span>
                        <select name="SolarYear" onchange="Canlendar.changeCalendar()">
                            <script language="Javascript">
                                for (var i = 1900; i < 2050; i++) document.write('<option>' + i + '</option>');
                            </script>
                        </select>
                        <span>年</span>
                        <select name="SolarMonth" onchange="Canlendar.changeCalendar()">
                            <script language="Javascript">
                                for (i = 1; i < 13; i++) document.write('<option>' + i + '</option>');
                            </script>
                        </select>
                        <span>月</span>
                    </span>
                    <!-- 生肖 -->
                    <span class="calendar-Animal" id="Animal"></span>
                </td>
            </tr>
            <tr class="calendar-week">
                <td>日</td>
                <td>一</td>
                <td>二</td>
                <td>三</td>
                <td>四</td>
                <td>五</td>
                <td>六</td>
            </tr>
            <script language="Javascript">
            var gNum;
            for (i = 0; i < 6; i++) {
                document.write('<tr class="calendar-solar-day-tr">');
                for (j = 0; j < 7; j++) {
                    gNum = i * 7 + j;
                    document.write('<td id="dayBox' + gNum + '">' +
                        '<font id="SolarDay' + gNum + '" class="calendar-solar-day"');
                    if (j == 0) document.write('color=#828282');
                    if (j == 6) document.write('color=#828282');
                    document.write('> </font><br>' +
                        '<font id="LunarDay' + gNum + '" class="calendar-lunar-day"> </font>' +
                        '</td>');
                }
                document.write('</tr>');
            }
            </script>
        </table>
    </form>
</div>
<script src="calendar.js"></script>
</body>
</html>