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

  • 相关阅读:
    封装简单的mvc框架
    php中date函数获取当前时间的时区误差解决办法
    PHP中date函数参数详解
    PHP中字符串补齐为定长
    php将xml文件转化为数组:simplexml_load_string
    PHP基于变量的引用实现的树状结构
    EcShop后台添加菜单[步骤]
    Cmd批处理语法实例
    Mysql语句的批量操作[修改]
    HTML前端技术(JS的使用,包括数组和字符串)
  • 原文地址:https://www.cnblogs.com/bingguang/p/4645690.html
Copyright © 2011-2022 走看看