多个输入的jQuery Datepicker

我有一个jQuery datepicker脚本：

$(function() { $( "#datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" }); }); 

当我想为两个输入初始化此脚本时，它仅适用于第一个。 如何将它用于两个输入？

Answer 1

只需将所有id更改为class 。

   $(function() { $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" }); }); 

也可以用

 $(function() { $( "input[name^=MyDate]" ).datepicker({ dateFormat: "yyyy-mm-dd" }); }); 

Answer 2

厌倦了重复这个，但仍然，我再一次重复它。 id必须是唯一的。 所以，使用这个：

同

 $(function() { $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" }); }); 

Answer 3

拥有重复的ID无效。 你应该添加一个类：

然后你可以这样做：

  $(function() { $( ".datepicker" ).datepicker({ dateFormat: "yyyy-mm-dd" }); }); 

Answer 4

按名称访问datepicker函数：

 $(function() { $('[name="MyDate1"]').datepicker({ dateFormat: "yyyy-mm-dd" }); }); 

Answer 5

如果动态生成输入字段，您也可以动态添加类，例如在Django模板中。

使用#id获取输入字段并添加一个类

 $(function() { $( "#datepicker1, #datepicker2" ).addClass('datepicker'); $( ".datepicker" ).datepicker({ dateFormat: "yy-mm-dd" }); }); 

Answer 6

并且只需为表单提供id：datepicker datepicker2 datepicker3