2013-12-17 5 views
0

두 개의 날짜 선택 도구를 양식에 추가하려하지만 하나의 선택 도구를 올바르게 표시 할 수 없습니다. 여기에 내가 찾은 코드가 있습니다. 어떤 도움을 주셔서 감사합니다.페이지에서 날짜 선택 도구를 두 개 이상 사용하는 방법

<script type="text/javascript"> 
    $('.datetime').datetimepicker({ 
     dateFormat: 'yy-mm-dd', 
     timeFormat: 'h:m' 
    }); 
</script> 

가 여기 내 HTML입니다

<tr> 
    <td><input type="text" name="expiration_date" class="" id="datepicker[0]" /></td> 
    <td><input type="text" name="action_date" class="" id="datepicker[1]" /></td> 
</tr> 

임 그래서 당신의 도움을 주셔서 감사합니다 자바 스크립트에 새로운 오전.

+0

다른 포스터가 말한에 추가하려면, 내가 추천 할 것입니다 class="datetime" 이러한 변경할 필요가 작동하려면 모두가 class=""을 가지고 있습니다. 따라서 귀하의 ID는 datepicker [0] 및 datepicker [1] 대신 expiration_date 및 action_date 여야합니다. 코드를 읽고 따르기가 훨씬 쉬워집니다. – Maess

+0

@Maess'name' 이것은 데이터 바인딩에 사용되었다는 인상을받습니다. 그래서'name' /'id' 속성이 이런 식으로 설정되는 특별한 이유가있을 수 있습니다. – James

답변

3

을 할 수 있습니다 이는 선택자가 $('.datetime') 인 경우 datetime 클래스 세트가있는 요소를 모두 찾고 있기 때문입니다. 모든 귀하의 의견이 당신이 이름 대신 ID를 사용 즉

<input type="text" name="expiration_date" class="datetime" id="datepicker[0]" /> 
<input type="text" name="action_date" class="datetime" id="datepicker[1]" /> 
+0

굉장한 고마워요 !!! – user2300933

0

당신은 class name

<input type="text" name="expiration_date" class="" id="datepicker[0]" /> 

<input type="text" name="expiration_date" class="datetime" id="datepicker[0]" /> 
<input type="text" name="expiration_date" class="datetime" id="datepicker[1]" /> 

추가 추가 놓치고하거나 심지어 당신이 id

$("input[id^='datepicker']").datetimepicker({ //looks for id starting with datepicker 
     dateFormat: 'yy-mm-dd', 
     timeFormat: 'h:m' 
    }); 
관련 문제