双击文本变成输入框，日历控件

<script type="text/javascript">
    function toEdit(o,edit) {
        if(edit){o.innerHTML='<input type="text" value="'+o.innerHTML.replace(/"/g,'&quot;')+'" οnblur="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">

 

 

转载于:https://www.cnblogs.com/qq946487854/p/10217022.html