2011-10-29 164 views
0

我在表單中的許多文本輸入字段上使用jquery datepicker。我通常把它綁定到輸入(S)如下:Jquery將日期選擇器添加到輸入字段

$(function() { 
    $("#date_due").datepicker(); 
}); 

在某些情況下,那我引用可能不是一個輸入域的域的ID,但我還是想用相同的ID和我不希望datepicker可用。

我曾嘗試以下,但它似乎沒有工作(即日期選擇器不會出現在所有):

$(function() { 
    $("#date_due :input").datepicker(); 
}); 

或者,換一種說法,我只是想,如果要使用的日期選擇器字段是表單文本輸入。

+2

$(「input#date_due」)。datepicker(); – Kris

+0

這工作,謝謝克里斯。你可以把它作爲答案,所以我可以給你信用卡嗎? – JonoB

回答

1

我是相當在我評論過的手機上,所以並沒有想要打印一大堆東西給你簡單的編輯,但這裏有一些額外的信息:

$(function() { 
    $("input#date_due").datepicker(); 
}); 

您需要的選擇器是標記名稱爲「input」且id屬性設置爲「date_due」的所有元素。

您使用「#date_due:input」的方式是選擇屬性id設置爲「date_due」的所有元素的子節點,並使用僞類「input」將選擇限制爲子節點(女巫我知道的最好的東西不存在),這就是爲什麼它沒有選擇你的輸入元素。

0

:輸入是不是一個選擇,因爲它是一個對象,因此使用下面的代碼:

$("#date_due input").datepicker(); 

這將適用日期選擇器來#date_date父DIV的孩子投入

+0

感謝您的回覆。出於某種原因,Kris的回答$(「input#date_due」)。datepicker();作品,而你的不是。 – JonoB

+0

我認爲你期望輸入ID爲date_due – Anatoly

相關問題