동일한 날짜에 두 개의 날짜 선택 도구가 있습니까?

Question

나는 이것이 작동해야한다고 생각한다. 나는 어디로 잘못 갔는가?

<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" /> 

<script type="text/javascript" src="jsDatePick.min.1.3.js"></script> 

<script type="text/javascript"> 
window.onload = function(){ 
    new JsDatePick({ 
     useMode:2, 
     target:"inputField", 
     dateFormat:"%j-%n-%Y" 
    }); 
}; 
</script> 

이

는 한 페이지에 하나 개의 날짜 선택으로 잘 작동, 날짜 선택 스크립트입니다,하지만 내 요구 사항은 그 두 가지를하는 것입니다.

From Date :<input type="text" size="12" name="date1" id="inputField"  
readonly="readonly"/> 


To Date :<input type="text" size="12" name="date2" id="inputField" 
readonly="readonly"/> 

을하지만 그것은 작동하지 않습니다 :

나는했다. 날짜 선택 도구가 두 번째 입력 필드에만 나타납니다. 두 개의 ID를 만들면 동일한 함수를 두 번 사용해야합니까? 나도 그랬지만 도움은 안된다.

Answer 1

두 요소는 동일한id을 가질 수 없습니다.

<script type="text/javascript"> 
window.onload = function(){ 
new JsDatePick({ 
    useMode:2, 
    target:"inputField", 
    dateFormat:"%j-%n-%Y" 
}); 

new JsDatePick({ 
    useMode:2, 
    target:"inputField2", 
    dateFormat:"%j-%n-%Y" 
}); 
}; 
</script> 

HTML은 다음처럼 할 수있다 : 다음과 같은 코드를 시도 할 수 있습니다

From Date :<input type="text" size="12" name="date1" id="inputField"  
readonly="readonly"/> 



To Date :<input type="text" size="12" name="date2" id="inputField2" 
readonly="readonly"/> 

는 도움이되기를 바랍니다.

Answer 2

다른 timepicker에 대해 다른 대상을 사용하십시오. 같은 페이지에서

<script type="text/javascript"> 
window.onload = function(){ 
new JsDatePick({ 
    useMode:2, 
    target:"inputField", 
    dateFormat:"%j-%n-%Y" 
}); 
new JsDatePick({ 
    useMode:2, 
    target:"inputField2", 
    dateFormat:"%j-%n-%Y" 
}); 

}; 
</script>