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>

你有任何想法是什么可能会导致这个问题，为了让日期选择器在现场内打开而不是从周围的区域打开？

感谢，可人

我试过你的代码[这里]（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是全部代码。

非常感谢，作品像一个魅力:) –

JQuery UI datepicker没有显示从输入字段，但只能从它周围

相关推荐