zoukankan      html  css  js  c++  java
  • 双击文本变成输入框,日历控件

    <script type="text/javascript">
        function toEdit(o,edit) {
            if(edit){o.innerHTML='<input type="text" value="'+o.innerHTML.replace(/"/g,'&quot;')+'" onblur="toEdit(this)"/>';
            o.getElementsByTagName('input')[0].focus();
            } else{ o.parentNode.innerHTML=o.value;}
            }
    </script>

    一、这是js函数,双击文本即可将内容变成输入框(上面JS,下面HTML)

    <label ondblclick="toEdit(this,true)">sssss</label>
    <label ondblclick="toEdit(this,true)">真的吗</label>
    <label ondblclick="toEdit(this,true)">好捞啊</label>

    二、日历控件

    在Jquery环境下,

    <script src="../layDate-v5.0.9/laydate/laydate.js"></script>
    <script>
        $('#SalaryTreeView').addClass('menu-open').children('ul').css('display', 'block');
        laydate.render({
            elem: '#test11'
            ,type: 'month'
        });
    
    </script>

    然后在html下写下面这个输入框,点击,就会弹出日历

    <input type="text" id="test11">

    
    
    
  • 相关阅读:
    python中神之bug
    常用好的软件
    远程登录
    centos7改静态ip
    SpringMVC归纳
    mysql数据库操作手册
    MyBatis归纳
    Maven归纳
    maven操作手册
    java知识库
  • 原文地址:https://www.cnblogs.com/qq946487854/p/10217022.html
Copyright © 2011-2022 走看看