Javascript 日期选择器JS:如何让它在多个表单字段上工作

Javascript 日期选择器JS:如何让它在多个表单字段上工作,javascript,jquery-ui-datepicker,Javascript,Jquery Ui Datepicker,我将此插件与WP一起使用: .js文件包含以下代码: jQuery(document).ready(function($) { $('#fieldName1').datepicker({ autoclose: true }); }); 是否有人知道如何修改这段代码,以便日期选择器可以在相同形式的多个字段中运行,例如fieldName2和fieldName3以及fieldName1 我提前感谢你的努力 不要使用id属性,而是将一个有意义的类例如日期选择器分配给您想要日期选择器

我将此插件与WP一起使用:

.js文件包含以下代码:

jQuery(document).ready(function($) {
  $('#fieldName1').datepicker({
     autoclose: true
  });
});
是否有人知道如何修改这段代码,以便日期选择器可以在相同形式的多个字段中运行,例如fieldName2和fieldName3以及fieldName1


我提前感谢你的努力

不要使用
id
属性,而是将一个有意义的
例如
日期选择器
分配给您想要日期选择器的元素。然后更新javascript以使用该类选择器

例如:

<!-- HTML -->
<input type="text" id="fieldName1" class="datepicker" />
<input type="text" id="fieldName2" class="datepicker" />

// jQuery
jQuery(document).ready(function($) {
  $('.datepicker').datepicker({
     autoclose: true
  });
});

使用类来标识多个输入,而不是使用ID来标识输入

<input id="fieldName1" class="datefield" />

$('.datefield').datepicker({
   autoclose: true
});

$('.datefield').datepicker({
自动关闭:正确
});

这样可以,但我无法指定只针对日期字段的类。生成表单的插件本身设置了所有这些,并且日期字段没有唯一的类。有没有一种方法可以使用多个字段名,例如$(“#fieldName1',“#fieldName2')。日期选择器({等等?@ericjt,是的,这也是可能的,但语法与您在评论中的有点不同。请查看更新的答案。嗯,它不起作用。我还尝试了在字段名周围加单引号,以及每个名称都有自己的单引号和双引号。只有第一个字段名显示日期选择器(所有变更中的工程)。我的一个朋友说可能需要一个循环才能工作,但他不在。我们再试试好吗?@Ericjt,我刚刚看到在我的
id
s中,我已经删除了它们。你有没有试过这个答案,有没有
?你朋友说的循环就是这个答案中的
每个
。你能试一试吗?我完全还原了你的循环版本,并从两个字段名中删除了#,根本不起作用。对不起,我不能使用类,因为它们在表单中的字段之间不是唯一的。日期选择器会显示在我不需要的地方。
<input id="fieldName1" class="datefield" />

$('.datefield').datepicker({
   autoclose: true
});