同一页上的两个日期选择器？

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>