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

我想这应该行得通，但不行。我哪里出错了

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

window.onload=函数（）{
新JsDatePick({
使用模式：2，
目标：“输入字段”，
日期格式：“%j-%n-%Y”
});
};

这是一个日期选择器脚本，可以在一个页面上使用一个日期选择器，但我的要求是有两个

我做到了：

 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，那么我是否必须将同一个函数创建两次？我也这样做了，但没有帮助。

尝试为不同的时间选择器使用不同的目标

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

window.onload=函数（）{
新JsDatePick({
使用模式：2，
目标：“输入字段”，
日期格式：“%j-%n-%Y”
});
新JsDatePick({
使用模式：2，
目标：“inputField2”，
日期格式：“%j-%n-%Y”
});
};

尝试为不同的时间选择器使用不同的目标

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

window.onload=函数（）{
新JsDatePick({
使用模式：2，
目标：“输入字段”，
日期格式：“%j-%n-%Y”
});
新JsDatePick({
使用模式：2，
目标：“inputField2”，
日期格式：“%j-%n-%Y”
});
};

同一页面中的两个元素不能具有相同的

。您可以尝试以下代码：

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

window.onload=函数（）{
新JsDatePick({
使用模式：2，
目标：“输入字段”，
日期格式：“%j-%n-%Y”
});
新JsDatePick({
使用模式：2，
目标：“inputField2”，
日期格式：“%j-%n-%Y”
});
};

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

起始日期：
迄今为止：

---

希望有帮助。

同一页面中的两个元素不能具有相同的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>


window.onload=函数（）{
新JsDatePick({
使用模式：2，
目标：“输入字段”，
日期格式：“%j-%n-%Y”
});
新JsDatePick({
使用模式：2，
目标：“inputField2”，
日期格式：“%j-%n-%Y”
});
};

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

起始日期：
迄今为止：

希望有帮助。
Id对于文档中的元素应该是唯一的。顺便问一下，“它不工作”是什么意思。日期选择器只显示一个输入字段。文档中元素的Id应该是唯一的。顺便问一下，“它不工作”是什么意思。日期选择器只显示一个输入字段。