2011-10-29 226 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

相关问题