div contenteditable=true에 데이트피커 넣기

<div id="stdt" title="시작일" class="inputDate" onclick="fnDivToInputDatepicker(this)" contenteditable="true" style="float:left;width:40%"></div>
<input type="text" class="onlyWritePage" style="width:100%;float:left;Height:0.1%;max-Height:0.1%;display: none;"/> 

.javascript

function fnDivToInputDatepicker(e){
    var data = $(e);
    var datepi = data["0"].nextElementSibling;
    $(datepi).datepicker();
    $(datepi).datepicker('option',{
        onClose: function(dateText, inst){$(data).html(dateText);}
    });
    $(datepi).datepicker("show");
}

*nextElementSibling은 input을 가르키게 된다. 그러므로 input의 위치는 div바로 다음에 두어야 한다.