jQuery將datepicker添加到輸入字段

Question

我在表單中的許多文本輸入字段上使用jquery datepicker。 我通常將其綁定到輸入，如下所示：

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

在某些情況下，我要引用的字段的ID可能不是輸入字段，但我仍想使用相同的ID，並且我不希望日期選擇器可用。

我嘗試了以下方法，但是它似乎不起作用（即，日期選擇器根本沒有出現）：

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

或者，換句話說，如果字段是表單文本輸入，我只希望使用日期選擇器。

Answer 1

當我發表評論時，我寧願在手機上，也不希望輸入一堆東西來進行簡單的編輯，但是這里有一些附加信息：

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

所需的選擇器是標簽名稱為“ input”且id屬性設置為“ date_due”的所有元素。

使用“ #date_due：input”的方式是選擇屬性ID設置為“ date_due”的所有元素的子節點，並將選擇范圍限制為帶有偽類“ input”的子節點（巫婆盡我所能知識不存在），這就是為什么它無法選擇輸入元素的原因。

Answer 2

：input不是選擇器，因為它是一個對象，所以使用以下代碼：

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

它將datepicker應用於#date_date父級div的子級輸入