[ js ] 多個表單元件要套用jQuery的datepicker
小弟不太熟悉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
推
03/27 11:30, , 1F
03/27 11:30, 1F
→
03/27 11:32, , 2F
03/27 11:32, 2F
推
03/27 11:43, , 3F
03/27 11:43, 3F
→
03/27 11:43, , 4F
03/27 11:43, 4F
→
03/27 11:44, , 5F
03/27 11:44, 5F
推
03/27 11:47, , 6F
03/27 11:47, 6F
→
03/27 13:02, , 7F
03/27 13:02, 7F
→
03/27 13:03, , 8F
03/27 13:03, 8F
推
03/29 10:58, , 9F
03/29 10:58, 9F
推
04/03 02:19, , 10F
04/03 02:19, 10F
→
04/03 02:20, , 11F
04/03 02:20, 11F
討論串 (同標題文章)
完整討論串 (本文為第 1 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
