2014-05-14 46 views
2

我有一個表單,您可以在其中輸入一些信息並單擊一個將添加該表單副本的按鈕,這可以一遍又一遍地完成,直到他們對所放置的信息滿意爲止。動態表單和JQuery UI日期輸入

在此表單上,我有兩個日期輸入,一個是date_from,另一個是date_to,這些數組是用於在此頁面上啓用更多表單的數組。我遇到的麻煩是,我正在使用JQuery的datepicker用戶界面,並在一分鐘內,輸入有id的,所以datepicker只能使用一次。

我該如何得到它,以便JQuery datepicker可以用在每個日期輸入上?

這是到目前爲止我的代碼...

$(function() { 
    $("#to-date").datepicker({ 
     dateFormat: "dd/mm/yy", 
     altField: "#alt-to", 
     altFormat: "yy-mm-dd" 
}); 

    $("#from-date").datepicker({ 
     dateFormat: "dd/mm/yy", 
     altField: "#alt-from", 
     altFormat: "yy-mm-dd" 
    }); 
}); 

這裏的my JSFiddle,雖然日期選擇器不工作這一點,但它是我的桌面上。

任何幫助,將不勝感激。

回答

1

使用一個類來選擇輸入。

<input type="text" id="from-date" class="from_date" value=""> 

$(".from_date").datepicker({...}); 

編輯 隨着更新(通過對我的回答評論)的問題,我找到了解決辦法here

您可以使用jQuery選擇在altField去要在要顯示的日期輸入。

+0

這是不行的,因爲我有一個隱藏字段,它的意思是更新和只使用一個更新所有與被點擊的字段相關的隱藏字段。 – CheckeredMichael

+0

對不起,我忘記了關於表單中隱藏字段的提及。每當有人點擊添加表單按鈕,它會發出兩個可以看到的字段和兩個隱藏的字段。我需要可以看到的兩個更新兩個隱藏的字段對應於你看到的兩個。這需要完全動態的一些方式。 – CheckeredMichael

+1

然後我想你會找到你的答案[這裏](http://stackoverflow.com/questions/13881565/jquery-datepicker-automatically-define-altfield-for-all-datepickers) – Tupel