只显示年月的js时间控件 纯手写

<style>

    #date {

        text-align: center;

    }



    .td {

        cursor: pointer;

    }

</style>

<script>

    function GetDate() {

        var date = new Date();

        var year = date.getYear();

        var month = date.getMonth();

        var str = '';

        str += '<table id="date">';

        str += '<tr>';

        str += '<td><a href="javascript:void(0)" onclick="DelYear()">< <</a></td>';

        str += '<td colspan="2"><span id="year">' + year + '</span>年</td>';

        str += '<td><a href="javascript:void(0)" onclick="AddYear()">> ></a></td>';

        str += '</tr>';

        for (i = 0; i < 3; i++) {

            str += '<tr>';

            str += '<td onclick="ChangeMonth(this)" class="td">' + Number(1 + i * 4) + '月</td>';

            str += '<td onclick="ChangeMonth(this)" class="td">' + Number(2 + i * 4) + '月</td>';

            str += '<td onclick="ChangeMonth(this)" class="td">' + Number(3 + i * 4) + '月</td>';

            str += '<td onclick="ChangeMonth(this)" class="td">' + Number(4 + i * 4) + '月</td>';

            str += '</tr>';

        }

        str += '</table>';

        str = str.replace('<td onclick="ChangeMonth(this)" class="td">', '<td onclick="ChangeMonth(this)" class="td" style="color:red">');

        document.write(str);

    }

    function AddYear() {

        var year = document.getElementById("year").innerHTML;

        year = Number(year) + 1;

        document.getElementById("year").innerHTML = year;

    }

    function DelYear() {

        var year = document.getElementById("year").innerHTML;

        year = Number(year) - 1;

        document.getElementById("year").innerHTML = year;

    }

    function ChangeMonth(obj) {

        var trs = document.getElementById("date").getElementsByTagName("tr");

        for (i = 1; i < trs.length; i++) {

            var tds = trs[i].getElementsByTagName("td");

            for (j = 0; j < tds.length; j++) {

                tds[j].style.color = "";

            }

        }

        obj.style.color = "red";

    }

</script>



<div style="width: 100%; text-align: center;">

    <script>GetDate()</script>

</div>

 

摘自： http://zhidao.baidu.com/question/274527563.html?fr=iks&word=js+%C8%D5%C6%DA%BF%D8%BC%FE%D6%BB%CF%D4%CA%BE%C4%EA%D4%C2&ie=gbk