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의를 닫 기억한다. http://jsbin.com/iqiyiy/edit

Answer 2

당신은 DatePicker에서로하여 ImageButton을 추가 할 수 있습니다

나는 코드가의 jQuery UI에서 아닙니다 당신의 timepicker를 제외하고, 여기서 일하는 얻었다. 그리고 사용자가 ImageButton을 클릭 할 때만 팝업으로 설정됩니다. 작업 알았어요 :)

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