在同一个页面上的两个日期选择器？
在同一个页面上的两个日期选择器？
提问于 2012-09-21 18:10:48
我想这应该行得通，但事实并非如此。我哪里出错了？
<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"/>但它不起作用。日期选择器仅为第二个输入字段显示。如果我要创建两个I，那么我必须创建两次相同的函数吗？我也这么做了，但没有帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-09-21 18:22:37
同一页面中的两个元素不能具有相同的 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"/> 希望能有所帮助。
Stack Overflow用户
发布于 2012-09-21 18:13:52
尝试为不同的时间选择器使用不同的目标。
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12528498
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号