Div datepicker로 겹치기

Question

나는 2 개의 div가 있습니다.

첫 번째 것은 datepicker div이고 그 아래에 그래프가 있습니다. 날짜를 선택하려고하면이 두 div가 겹쳐서 datepicker가 작동하지 않습니다. 그래프 div보다 datepicker를 억제하고 싶습니다.

//here is image 
http://tinypic.com/r/1549hlz/8 




<div id="cal" name="cal" align="center" style="align: center; float: center; padding- right: 150px;" > 
<form name="form" method="post"> 
<span >From</span> <input type="text" name="date_from" id="date_from" onclick="setSens('date_to', 'max');" readonly="true"> 
<span >Till</span> <input type="text" name="date_to" id="date_to" onclick="setSens('date_from', 'min');" readonly="true"> &nbsp; &nbsp; &nbsp; 
<input name="submit" onclick="show6(); update6();" type="submit" id="submit" value="Akım">&nbsp; &nbsp; &nbsp;<input name="submit" onclick="show6(); update8();"  type="submit" id="submit" value="Güç"> 
</form> 
</div> 


<div id="graph3" name="graph3" align="center" style="display:none;width:1000px;height: 250px;">Akım-Zaman Grafiği</div><br/><br/><br/> 

<script type="text/javascript"> 


function update6(){ 
    graph drawing..... 
} 
</script> 

<script type="text/javascript"> 


function update8(){ 
    another graph drawing..... (not important for the case) 
} 
</script> 


<script> 
function show6(){ 
document.getElementById("graph3").style.display = 'block'; 
document.getElementById("cal").style.display = 'block'; 
} 
</script> 

Answer 1

플로트를 지우지 않았습니다. 모두 DIV의

<div id="clear" style="clear:both;"></div> 

그래서 ...

<div id="cal" name="cal" align="center" style="align: center; float: center; padding- right: 150px;" > 
<form name="form" method="post"> 
<span >From</span> <input type="text" name="date_from" id="date_from" onclick="setSens('date_to', 'max');" readonly="true"> 
<span >Till</span> <input type="text" name="date_to" id="date_to" onclick="setSens('date_from', 'min');" readonly="true"> &nbsp; &nbsp; &nbsp; 
<input name="submit" onclick="show6(); update6();" type="submit" id="submit" value="Akım">&nbsp; &nbsp; &nbsp;<input name="submit" onclick="show6(); update8();"  type="submit" id="submit" value="Güç"> 
</form> 

    <div id="clear" style="clear:both;"></div> 

</div> 

<div id="graph3" name="graph3" align="center" style="display:none;width:1000px;height: 250px;">Akım-Zaman Grafiği</div> 

<br/><br/><br/> 

추신 사이

넣어이 타입 = "text/javascript"상태는 필요 없습니다. 세 스크립트 모두에 대해 하나의 태그 세트 만 필요합니다.

'<script> 
function update6(){ 
    graph drawing..... 
} 

function update8(){ 
    another graph drawing..... (not important for the case) 
} 

function show6(){ 
document.getElementById("graph3").style.display = 'block'; 
document.getElementById("cal").style.display = 'block'; 
} 

</script>'