JS编写选择年份控件

最近需要一个只是选择年份的控件,网上找了一遍了,没发现合适的,故自己写了一个,效果如下图:


源码如下:

调用部分:

<script src="../Scripts/SetYear.js" type="text/javascript"></script>
     <script type="text/javascript" language="javascript">
         var curColor;
         var fontColor;
         function mouseover(obj) {
             curColor = obj.style.backgroundColor;
             fontColor = obj.style.color;
             obj.style.backgroundColor = "#CC0000";
             obj.style.color = "White";
             obj.style.cursor = 'pointer'; obj.style.cursor = 'hand';
         }

         function mousemove(obj) {
             obj.style.cursor = 'pointer'; obj.style.cursor = 'hand';
         }

         function mouseout(obj) {
             obj.style.backgroundColor = curColor;
             obj.style.color = fontColor;
         }

         function _SetTime2(tt) {
             onclick_SetYear(tt);
         }

         function addListener(element, e, fn) {
             if (element.addEventListener) {
                 element.addEventListener(e, fn, false);
             } else {
                 element.attachEvent("on" + e, fn);
             }
         }

         addListener(document, "click",
         function (evt) {
             var evt = window.event ? window.event : evt,
            target = evt.srcElement || evt.target;
             if (target.id == "txtYear" || target.id == "img_left" || target.id == "img_right" || target.id == "title") {
                 document.getElementById("_top").style.display = "";
                 document.getElementById("_contents").style.display = "";
             } else {
                 while (target.nodeName.toLowerCase() != "div" && target.nodeName.toLowerCase() != "html") {
                     target = target.parentNode;
                 }
                 if (target.id == "_top" || target.id == "_contents") {
                     document.getElementById("_top").style.display = "";
                     document.getElementById("_contents").style.display = "";
                 }
                 else {
                     document.getElementById("_top").style.display = "none";
                     document.getElementById("_contents").style.display = "none";
                 }
             }
         })
</script>

控件js部分:

请前往 点击打开链接 下载

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值