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