Jquery добавить указатель даты в поля ввода

Question

Я использую указатель даты jquery для нескольких полей ввода текста в моих формах.Обычно я связываю его с входными данными следующим образом:

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

В некоторых случаях идентификатор поля, на которое я ссылаюсь, может не быть полем ввода, но я все еще хочу использовать то же самоеID и я не хочу, чтобы средство выбора даты было доступно.

Я пробовал следующее, но, похоже, оно не работает (то есть средство выбора даты вообще не отображается):

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

Или, другими словами, я хочу, чтобы указатель даты использовался только в том случае, если поле представляет собой текстовый ввод формы.

Answer 1

Когда я комментировал, я был на телефоне, поэтому не хотел набирать целую кучу вещей, чтобы дать вам простое редактирование, но здесь есть некоторая дополнительная информация:

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

Селектором, который вам нужен, являются все элементы с именем тега «input» и атрибутом id, установленным в «date_due».

То, как вы это делали с "#date_due: input", выбирало дочерние узлы всех элементов с идентификатором атрибута, установленным на "date_due", и ограничивало выбор дочерними узлами с псевдоклассом "input" (ведь Насколько мне известно, не существует), поэтому он не смог выбрать ваш элемент ввода.

Answer 2

: вход не является селектором, потому что это объект, поэтому используйте следующий код:

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

Он применяет указатель даты к дочерним входам #date_date parent div