Jquery UI Timepicker不使用相同的ID /名称输入

时间:2012-05-28 06:26:12

标签: jquery jquery-ui timepicker

http://jsfiddle.net/cblaze22/Duzr4/1/

有没有办法让http://fgelinas.com/code/timepicker/与具有相同ID /名称的输入一起使用?

1 个答案:

答案 0 :(得分:4)

不,您不能强制jQuery与无效HTML一起使用,具有重复id属性的文档无效;来自fine specification

  

3.2.3.1 id属性
  [...]
  该值必须在元素的主子树

中的所有ID中唯一

在您的情况下,主要子树可能就是您的整个页面。

修复HTML不重复id属性并切换到其他选择器:

$('input[name=test]').timepicker();

或在<input>中添加一个类并在该类上选择:

<input name="test" type="text" class="timepicker" />
<input name="test" type="text" class="timepicker" />

$('.timepicker').timepicker();

演示:http://jsfiddle.net/ambiguous/VhBXK/