JQuery UI datepicker沒有顯示從輸入字段，但只能從它周圍

我有一個輸入字段，我添加了一個datepicker。出於某種原因，當我點擊輸入字段時，datepicker將不會打開，但如果點擊它，datepicker會打開並填充字段中的數據。JQuery UI datepicker沒有顯示從輸入字段，但只能從它周圍

這是HTML：

<div class="row"> 
    <label for="video_due_date">Birthday Date</label> 
    <div class="text"> 
    <input id="video_due_date" name="video[due_date]" size="30" type="text" value="2011-12-24 13:51:58 UTC" />              
    </div>         
</div>

這是CSS：

.sign-form .row .text, 
.sign-form .place-holder{ 
    float:left; 
    background:url(../images-2/sprite-form.gif) no-repeat 0 -44px; 
    position:relative; 
    height:38px; 
}

這是JS的代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#video_due_date').datepicker({minDate: 0, 
            dateFormat: 'yy-mm-dd  00:00:00' 
            }); 
}); 
</script>

你有任何想法是什麼可能會導致這個問題，爲了讓日期選擇器在現場內打開而不是從周圍的區域打開？

感謝，可人

來源

2011-11-27 Keren Yaniv

我試過你的代碼[這裏]（http://jsfiddle.net/C4HmP/）。工作正常。 –

我錯過了一些相關的CSS，請看這裏：http://jsfiddle.net/kerenyaniv/qAFB5/ –

確定。得到它了。 .row中有一些問題：課後。這裏是工作的版本：

.row:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

此代碼從藍圖的CSS框架複製。

Here是全部代碼。

來源

2011-11-28 17:33:38

非常感謝，作品像一個魅力:) –

JQuery UI datepicker沒有顯示從輸入字段，但只能從它周圍

回答

相關問題