同一頁上的兩個日期選擇器？

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

嘗試爲不同的時間選擇器使用不同的目標。在同一頁面

<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>