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