잠시 루프를 사용하여 Datepicker

이 문제가 있습니다. while 루프를 사용하여 데이터 목록을 표시하는 폼 페이지를 만들려고합니다. 각 필드에는 모두 제출할 날짜를 선택하는 입력 필드 옵션이 있습니다. 지금까지 약 4 필드가 표시되어 있지만 datepicker 첫 번째 작동합니다. 나머지는 그냥 빈 텍스트 상자입니다.잠시 루프를 사용하여 Datepicker

이 내 코드 :

$query = "SELECT * FROM application WHERE Shortlist_status = 1 ORDER BY Candidate_id ASC"; 
$result = mysqli_query($link, $query) or die(mysqli_error($link)); 

<html> 
<head> 

    <link href="stylesheet/style.css" rel="stylesheet"/> 
    <script src="script/jquery-1.10.2.min.js"></script> 
    <script src="script/jquery-ui-1.10.3.custom.min.js"></script> 
    <link rel="stylesheet" href="stylesheet/jquery-ui-1.10.3.custom.min.css"> 


    <script> 
$(function() { 
$("#datepicker").datepicker(); 
}); 
</script> 


</head> 
    <title> 
     Arrange interview 
    </title> 

<body> 

while ($row = mysqli_fetch_array($result)) { 

(Some other input data) 

<input type="text" id="datepicker" name="date"/> 

}

출처

2014-12-30 Darkyaero

사용 클래스 대신 고유 ID의 datepicker는 :

는

$query = "SELECT * FROM application WHERE Shortlist_status = 1 ORDER BY Candidate_id ASC"; 
$result = mysqli_query($link, $query) or die(mysqli_error($link)); 

<html> 
<head> 

    <link href="stylesheet/style.css" rel="stylesheet"/> 
    <script src="script/jquery-1.10.2.min.js"></script> 
    <script src="script/jquery-ui-1.10.3.custom.min.js"></script> 
    <link rel="stylesheet" href="stylesheet/jquery-ui-1.10.3.custom.min.css"> 


    <script> 
$(function() { 
$(".datepicker").datepicker(); // Change this line 
}); 
</script> 


</head> 
    <title> 
     Arrange interview 
    </title> 

<body> 

while ($row = mysqli_fetch_array($result)) { 

(Some other input data) 

<input type="text" class="datepicker" name="date"/> // Change this line 

}

설명 :

속성 id는 고유 한 값을 가져야한다. datepicker 같은 id를 가진 4 개의 datepicker를 정의 할 수 없습니다. 대신 class 속성을 사용해야합니다. JQuery의 선택자는 $('.datepicker')이됩니다.

출처

2014-12-30 13:17:01 Gnucki

잠시 루프를 사용하여 Datepicker

답변

관련 문제