zoukankan      html  css  js  c++  java
  • 只显示年月的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=" 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

  • 相关阅读:
    Python接口测试学习笔记(五)
    Python接口测试学习笔记(四)
    Python接口测试学习笔记(三)
    Python接口测试学习笔记(二)
    Caused by: java.sql.SQLException: Unable to load authentication plugin 'caching_sha2_password'.
    Linux虚拟机安装MySQL8.0数据库
    剑指offer题解02-10
    Git使用的常用命令
    使用IDEA整合SSM框架
    IntelliJ IDEA 连接数据库 详细过程
  • 原文地址:https://www.cnblogs.com/bingguang/p/4645690.html
Copyright © 2011-2022 走看看