datepicker를 사용한 간단한 대화 상자

Question

jquery 간단한 대화 상자가 있습니다.하지만 간단한 대화 상자에서 텍스트 필드 중 하나가 datepicker 플러그인을 볼 수 없습니까?

도움 주셔서 감사합니다.

<div style="display:none;" id="simpleDialog1"> 

<form> 
<fieldset> 
    <legend>Legend Name</legend> 
    <label for="DateCreated">Date:</label> 
    <input type="text" name="DateCreated" class="datepicker" /> 
     <label for="Status">Status:</label> 
    <input type="text" name="Status" /> 
     <label for="RequestedBy">Requested By:</label> 
    <input type="text" name="name" /> 
     <label for="AssignedTo">Assigned To:</label> 
    <input type="text" name="AssignedTo" /> 
     <label for="Description">Description</label> 
    <input type="text" name="Description" /> 
    <br> 
    <input type="submit" name="submit" /> 
</fieldset> 
</form> 
</div> 



$(document).ready(function() { 


$('#sdHc1').simpleDialog({ 
opacity: 0.3, 
duration: 500, 
title: 'Add Ticket', 
open: function (event) { 
    console.log('open!'); 
}, 
close: function (event, target) { 
    console.log('close!'); 
} 
}); 



$('.datepicker').datepicker(); 


}); 

대화 상자와 함께 datepicker를 사용해 보았는데 완벽하게 작동합니까?

고마워요!

Answer 1

날짜 표시기 컨트롤이 대화 상자 뒤에 나타날 수 있습니다. Z- 인덱스 속성을 사용하여 앞으로 가져옵니다 CSS 스타일을 적용 해보십시오 :

<style type="text/css"> 
    #ui-datepicker-div 
    { 
     z-index: 9999999; 
    } 
</style> 

이 솔루션 더 많은 정보는 여기에서 찾을 수 있습니다 : http://www.west-wind.com/weblog/posts/2009/Sep/12/jQuery-UI-Datepicker-and-zIndex