作者minealan (minealan)
看板Ajax
标题[ js ] 多个表单元件要套用jQuery的datepicker
时间Fri Mar 27 11:23:27 2009
小弟不太熟悉js和jQuery...
想要在网页上插入多个text元件来使用datepicker的功能
//第一笔
<input name="starttime1" id="starttime" type="text" value="" />
<input name="endtime1" id="endtime" type="text" value="" />
//第二笔
<input name="starttime2" id="starttime" type="text" value="" />
<input name="endtime2" id="endtime" type="text" value="" />
原本是想用这样的方式:
$("#starttime,#endtime").datepick({
beforeShow: customRange,
firstDay: 2,});
function customRange(input) {
return {
minDate: (input.id == "endtime" ? $("#starttime").datepick("getDate") : null),
maxDate: (input.id == "starttime" ? $("#endtime").datepick("getDate") : null)};
}
但这样子好像只有第一笔有效，第二笔一点作用都没有
於是我想说把第一行换成这样
$("input[id='starttime'],input[id='endtime']").datepick({
beforeShow: customRange,
firstDay: 2,});
function customRange(input) {
return {
minDate: (input.id == "endtime" ? $("input[id='starttime']").datepick("getDate") : null),
maxDate: (input.id == "starttime" ? $("input[id='endtime']").datepick("getDate") : null)};
}
两笔是都有作用了 可是在第一笔选完 要处理第二笔的时候
发现选完的结果还是会跑回第一笔的text去
想请问jQuery达人们要怎麽解决这种问题呢@@?
还是jQuery中有each之类的方法可以这样子用?
感谢您
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.117.192.175
1F：推 toktok:因为id都一样吧 03/27 11:30
2F：→ minealan:所以一定要用不同id写很多次这样吗 03/27 11:32
3F：推 adamp3:一个页面上应该只能有一个id 03/27 11:43
4F：→ adamp3:应该说一个id只能在一个页面上出现一次XD 03/27 11:43
5F：→ minealan:那如果使用阵列 在jQuery中要怎麽呼叫呢 03/27 11:44
6F：推 toktok:官网有文件 不然你到我书柜拿书去看好了 橘色封面.... 03/27 11:47
7F：→ fannys23:为什麽不要直接设一个 class 给 text 栏位啊？ 03/27 13:02
8F：→ fannys23:例如说 $(".dp").datepick(); ←这样？ 03/27 13:03
9F：推 gckenny:$("[name^='starttime'],[name^='endtime']") 03/29 10:58
10F：推 clonn:另解 使用class $('.time').datepicker(); 04/03 02:19
11F：→ clonn:啊！！刚刚才看到F大已经给解答了，丢脸了XDDDDD 04/03 02:20