JQuery UI日期选择器弹出始终打开

Question

我在表单中使用了我的网站上的JQuery UI日期和时间选择器。用户可以选择日期，时间，他可以提供一些额外的信息。但由于某种原因，每当用户点击文本输入以获取附加信息时，日期和时间选择器弹出窗口就会弹出...出了什么问题？

并且为了记录，所有内容都包含在php foreach -loop中。不知道它是否与它有关。

日期和时间选择器代码：

<label class="labelx">Date: </td> 
<input class="inputx" type="date" id="datepicker" name="datum" value=""></p> 

<label class="labelx">Hour: </td> 
<input class="inputx" type="text" id="timepicker" name="hour"></p> 

<label class="labex">Title: </td> 
<input class="inputx" type="text" id="title" name="titel"></p> 

<label class="labex">Info: </td> 
<input class="inputx" type="textfield" id="text" name="info"></p> 

<input type="hidden" name="submitted" value="activitypost"/> 
<input type="submit" name="submitted" class="verzend" value="Add"/> 

JQuery的：

<script> 
    $j(function() { 
     $j("#datepicker").datepicker({ minDate: +0}); 
    }); 
</script> 
<script> 
    $j(function() { 
     $j("#timepicker").timepicker(); 
    }); 
</script> 

Answer 1

您的标签没有正常关闭。他们使用像这样的：

<label for="datepicker" class="labelx">Date: </label> 

的for属性引用您的<input>的ID。

而且，记住关闭input S，这样的：

<input class="inputx" type="date" id="datepicker" name="datum" value="" /> 

这</p>是没有必要的，你可以删除它们。

我收到了你的代码在这里工作，除了你timepicker，这是不是从jQ​​uery用户界面： http://jsbin.com/iqiyiy/edit

Answer 2

你可以一个ImageButton的增加的DatePicker。并设置为仅在用户单击ImageButton时弹出。

添加这些参数你的脚本：

<script> 
    $j(function() { 
     $j("#datepicker").datepicker(
{ 
minDate: +0, 
buttonImage: "image/your_calendar_image.png", 
buttonImageOnly: true, 
}); 
    }); 
</script>