2011-04-15 63 views
2

如何才能使用日期選擇器的多個實例?一個日期選擇器正在工作,但下一個日期選擇器實例調用相同的彈出窗口,如何繼續? 誰能給我您的電子郵件ID ...我會寄給你的整個代碼...那麼你就可以得到整個想法更好的方式Date Picker的多個實例

http://jsfiddle.net/premseoul/BjDYP/

成套代碼可在在一個Zip鏈接..please下載zip ..... http://www.4shared.com/file/ZQy2A3DU/DateTime.html

+4

日期選擇器與多個實例的作品,你怎麼叫它?發佈您的代碼! – Khez 2011-04-15 07:00:37

+1

以及您使用的是哪個版本的jQueryUI?稍後有一些修復可以幫助解決多實例問題。 – Alnitak 2011-04-15 07:01:45

+0

如何能夠顯示整個源代碼? – 2011-04-15 07:35:07

回答

4

http://jsfiddle.net/d4Aqz/

$("#datepicker").datepicker(); 
$("#datepicker2").datepicker(); 
+2

$(「#datepicker,#datepicker2,#datepicker3,...」).datepicker();' – 2011-04-15 07:23:25

+0

似乎像我應該做的那樣工作。 – niggles 2011-04-15 07:24:59

+0

你可以給我你的電子郵件ID,這樣我就可以告訴你整個代碼............... – 2011-04-15 07:32:36

0

我不知道你的意思。但是,如果你有多個日期選擇器,你必須使用class

<script> 
     $(function() { 
         $(".datepicker").datepicker({ dateFormat:'yy-mm-dd'}); 
         }); 
</script> 


<table cellpadding="0" cellspacing="0"> 
           <tr> 
             <td width="300">Problem Date</td> 
             <td width="10">:</td> 
             <td width="150" align="left"> 
               <input type="text" id="datepicker" name="prob_date" class="datepicker"> 
             </td> 
           </tr> 

           <tr> 
             <td width="300">Eff. Date</td> 
             <td width="10">:</td> 
             <td width="150" align="left"> 
               <input type="text" id="datepick" name="eff_date" class="datepicker"> 
             </td> 
           </tr> 
</table> 
+0

真的嗎?我之前通過ID調用過它們,並使用不同的預設日期和其中一個頁面上有多個選擇器的其他參數實例化它們。 – niggles 2011-04-15 07:26:04

+0

@niggles:雅..我與that.i工作有兩個日期選擇器在我的形式,它工作正常。 – klox 2011-04-15 07:32:54

+0

@klox雅雅這很好,但我可以做到這一點......我怎麼能夠與你分享整個代碼? – 2011-04-15 09:35:10

1
window.onload = function(){ 
    new JsDatePick({ 
     useMode:2, 
     target:"inputField1", 
     dateFormat:"%Y-%m-%d" 
     /*selectedDate:{    This is an example of what the full configuration offers. 
      day:5,      For full documentation about these settings please see the full version of the code. 
      month:9, 
      year:2006 
     }, 
     yearsRange:[1978,2020], 
     limitToToday:false, 
     cellColorScheme:"beige", 
     dateFormat:"%Y-%M-%d", 
     imgPath:"img/", 
     weekStartDay:1*/ 
    }); 
}; 

但函數被調用這樣