我嘗試將jquery日期時間選擇器插入頁面。但它是這樣的。什麼是可能的解決方案？JQuery UI的日期選擇器無法正確顯示

enter image description here

我的代碼是在這裏。

   <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(); 
        });

來源

2014-09-27 Nadishan

在你的CSS，改變#date的z-index成比z-index您的陰影更大。

來源

2014-09-27 06:25:06 rnevius

有2-3個問題，我可以看到最新的，到目前爲止

的z-index沒有設置。
你放在這一場絕對DIV col-md-offset-8所以你必須很好地定位它
請提供的css的形式，所以我可以幫助你更

來源

2014-09-27 06:30:38 himanshu

JQuery UI的日期選擇器無法正確顯示

jQuery代碼

回答

相關問題