JQuery UI datepicker pops常に開いています

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 class="inputx" type="date" id="datepicker" name="datum" value="" /> 

そして</p>は、あなたがそれらを削除することができ、必要ではないこと：

また、このように、あなたのinput Sを閉じることを忘れないでください。

私はjQueryのUIからではない、あなたのtimepicker、を除いて、ここで働くあなたのコードを得た： http://jsbin.com/iqiyiy/edit

Answer 2

をあなたは日付ピッカーにのImageButtonを追加することができます。また、ユーザーがImageButtonをクリックしたときにのみポップアップするように設定します。作業それを手に入れた:)

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