2012-10-08 85 views
0

當我們的事件編輯頁面被加載時,有兩個日期字段,其中使用jQuery的日期選擇器,當我點擊這些字段之一時,也會出現選擇器。rails3 jquery datepicker不能在動態添加的表單字段

當文檔被加載時,datepicker被初始化。

$ -> 
    $(':input.date').datepicker(dateFormat: 'dd.mm.yy') 

和類「日期選擇器」會自動添加

<input class="span1 date hasDatepicker" id="event_application_opening_at" name="event[application_opening_at]" size="30" type="text"> 

,因爲它可以將其他日期添加到一個事件,我們正在創造額外的,嵌套的日期字段,當用戶點擊「添加日期「鏈接。

儘管「hasDatepicker」類正確地分配給這些字段,但datepicker不能用於這些新創建的字段。看起來發生這種情況是因爲日期選擇器已經初始化了。我嘗試應用destroy()函數,然後在整個頁面內容上重新初始化datepicker,但這不起作用。

任何人誰可以幫助我呢?

回答

0

試試這個

$(":input.date").live("click", function(){ 
     $(this).datepicker({ 
      dateFormat: 'dd.mm.yy' 
     }); 
    }); 

更新:

$(":input.date").live("click", function(){ 
      $(this).datepicker({ 
       dateFormat: 'dd.mm.yy' 
      }); 
      $(this).datepicker('show'); 

     }); 
+0

這個工程,但我不得不點擊進入現場,離開它,然後再次點擊它,直到datepicker出現 – user1727870

+0

已更新答案。請檢查它 – hyxnat

+0

我現在在Datepicker處於活動狀態的日期字段旁添加了小時和分鐘的選定字段。當我點擊其中一個選擇框時,日期選擇器也出現在關閉選擇下拉列表的日期字段中。爲什麼會這樣呢? 選擇的項目沒有指定的「日期」類 – user1727870

0

的替代hynxnat的答案會是綁定到:任何代碼,您使用添加字段「之後插入」事件。如果您將日期選擇器代碼添加到該事件,它將確保它在動態插入字段後綁定到頁面上的字段。

這會假設你正在使用類似Cocoon的寶石來添加額外的字段。

相關問題