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>