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

<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">

 


 

posted @ 2019-01-03 21:19  梦里一米七八  阅读(604)  评论(0编辑  收藏  举报