是否有可能通过不同的选择器(jquery)获得相同的datepicker

时间:2011-07-19 23:14:20

标签: jquery jquery-ui jquery-selectors jquery-ui-datepicker

这可能是关于jquery的基本问题,但我希望有人会为我澄清。

我在页面上创建了两个日期选择器(伪代码):

<input id="datepicker1" class="datepicker"/>
<input id="datepicker2" class="datepicker" />

jQuery(".datepicker").datepicker();

如果我执行jQuery(“#datepicker1”),我会获得使用类选择器创建的相同datepicker-instance吗?

(我已经尝试了上述内容,因为我需要将“onSelect”添加到datepicker1,但它不起作用。)

感谢 托马斯

1 个答案:

答案 0 :(得分:3)

  

如果我执行jQuery(“#datepicker1”),我会得到相同的结果   使用类选择器创建的datepicker-instance?

当然(正如@BoltClock指出的那样,你将检索应用了datepicker的相同DOM元素)。以下是如何为其中一个datepicker输入定义事件处理程序:

jQuery("#datepicker1").datepicker("option", "onSelect", function() {
    alert('select');
});

只会针对#datepicker1触发事件处理程序。

示例: http://jsfiddle.net/andrewwhitaker/TsHwa/


以下是另一种仅在onSelect中为ID为input的{​​{1}}执行代码的替代方式:

datepicker1

示例: http://jsfiddle.net/andrewwhitaker/rdxy6/