日期选择器JS：如何使它在多个表单字段上工作

Question

我在WP中使用这个插件： http://wordpress.org/plugins/cf7-datepicker-alternative/

.js文件包含以下代码：

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

有没有人知道如何对这段代码进行处理，以便日期选择器能够以相同的形式在多个字段中运行，例如fieldName2和fieldName3以及fieldName1？

我提前感谢您的努力。

Answer 1

不是使用id属性，而是指定有意义的class，例如{@ 1}}您希望使用datepicker的元素。然后更新您的javascript以使用该类选择器。

示例：

datepicker

更新：

如果您不想使用类选择器并希望使用多个<!-- 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

Answer 2

不使用ID来标识您的输入，而是使用类来标识多个输入

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

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