Jquery将datepicker添加到输入字段

Question

我在表单中的许多文本输入字段上使用jquery datepicker。我通常将它绑定到输入，如下所示：

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

在某些情况下，我引用的字段的id可能不是输入字段，但我仍然想使用相同的ID，我不想让datepicker可用。

我尝试过以下内容，但似乎没有效果（即日期选择器根本没有出现）：

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

或者换句话说，如果字段是表单文本输入，我只想使用datepicker。

Answer 1

当我发表评论时，我更喜欢使用手机，所以不想输入一大堆东西给你简单的编辑，但这里有一些额外的信息：

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

您想要的选择器是标签名称为“input”且id属性设置为“date_due”的所有元素。

使用“#date_due：input”的方式是选择属性id设置为“date_due”的所有元素的子节点，并使用伪类“输入”将选择约束到子节点（对于我所知道的最好不存在），这就是为什么它没有选择你的输入元素。

Answer 2

：input 不是选择器，因为它是一个对象，所以使用以下代码：

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

它会将datepicker应用于#date_date parent div的子输入