Jquery UI 날짜 선택 도구가 올바르게 표시되지 않습니다.

Question

jquery 날짜 시간 선택 도구를 페이지에 삽입하려고합니다. 그러나 그것은 이렇게 보입니다. 가능한 해결책은 무엇입니까?

내 코드는 여기에있다. 당신의 .CSS에서

   <div class="col-md-offset-8" style="width: 320px;height: 200px;border: 1px solid #ccc;padding: 10px; box-shadow:2px 2px 4px #f6f6f6; position: absolute;top: 100px;"> 


        <form method="post" action="payment.php" onsubmit="return paymentConfirm()" > 

         <label>Package : <?php echo $pkgs[$id]['name'] ?></label><br/> 

         <input type="hidden" name="pkgname" value="<?php echo $id ?>" /> 

         <input type="text" name="date" id="date" />  

         <label>No. of days : <?php echo $pkgs[$id]['days'] ?></label><br/> 

         <label>No. of peoples : <input type="number" style="width: 60px;" id="ppl" name="ppl" value="1" onclick="calc()" onblur="calc()" min="1"/> X $<?php echo $pkgs[$id]['price'] ?></label><br/> 

         <input type="hidden" id="ppl_hidden" name="ppl_hidden" value="1"/> 

         <label style="font-size: 25px;" name="price">Price : $<span id="price"><?php echo $pkgs[$id]['price'] ?></span></label><br/> 
         <input type="submit" class="button1" value="Book now"/><input type="button" class="button1" value="Print"/> 
        </form> 


       </div> 

jQuery 코드를

$(function() { 
         $("#date").datepicker(); 
        }); 

Answer 1

를, 당신의 그림자에 대한 z-index보다 크게 #date의 z-index을 변경합니다.

Answer 2

나는 일 원경

1. Z- 인덱스가 설정되어 있지 않은 문제 2-3 알 수있다.

2. 당신은 그래서 당신은 잘 위치를 가지고 절대 사업부 col-md-offset-8이 배치

3. 그래서 난 당신에게 더 많은

을 도울 수있는 형태의 CSS를 제공하십시오