使用jquery的两个相同的小部件

Question

我是JQuery的新手，但我想知道是否有人帮我解决了这个问题：

考虑到你需要使用jquery ui在html页面中使用带有datepicker的2个文本框。因为我知道jquery是基于＆＃34; ID＆＃34;而不是＆＃34; Class＆＃34;。所以我不能用这个：

<input type="text" name="dates2" class="datepicker">   --> DOESN'T WORK! 
<input type="text" name="dates3" class="datepicker">   --> DOESN'T WORK!  

如果我想使用ID，只需要第一个datepicker文本框。同样的声音：

<input type="text" name="dates2" id="datepicker">   -> WORKS!
<input type="text" name="dates2" id="datepicker">   -> DOESN'T WORK!

显然每个ID都应该是唯一的。但是我的问题是如此原始，但有没有可能在这里有两个datepicker（或滑块或其他小部件）？如果答案是肯定的，那么请帮助我如何通过JQueryUI来做到这一点？

感谢。

Answer 1

我应该是唯一的。 Jquery id选择器将获得基于条件的第一个项目，这就是第二个元素不受影响的原因。 我可以建议在元素上应用类。

<input type="text" name="dates2" class="datepicker">   
<input type="text" name="dates3" class="datepicker"> 

然后在jquery而不是id选择器中使用类选择器。

 <script>
   $(function() {
       $( ".datepicker" ).datepicker(); // class selector
   });
</script>