如何合并两个jQuery Datepickers

Question

我有两个具有不同ID和名称的Datepicker。 我可以合并它们并删除冗余代码吗？

     <script>
    jQuery(function() {
      jQuery( "#<portlet:namespace/>other_date" ).datepicker({
           showOn: "button",
           buttonImage: "/html/themes/control_panel/images/common/calendar.png",
           buttonImageOnly: true,
           changeMonth: true,
           changeYear: true
       });
      jQuery( "#<portlet:namespace/>bene_relation_birth_date").datepicker({
          showOn: "button",
          buttonImage: "/html/themes/control_panel/images/common/calendar.png",
          buttonImageOnly: true,
          changeMonth: true,
          changeYear: true
      })
});
</script>

...

<input type="text" name="other_date" label="" value=""
                    id="other_date"></input>


 <input type="text" name="bene_relation_birth_date" label="" value=""
                    id="bene_relation_birth_date"></input>

Answer 1

您可以一次选择两个元素，然后使用.each（）对其进行循环。 在循环中，将日期选择器应用于所选的每个元素。 您可以使用this关键字访问循环中的当前元素。

像这样：

var selector = "#other_date, #bene_relation_birth_date";

jQuery(selector).each(function(i, elm) {
   jQuery(this).datepicker({
      showOn: "button",
      buttonImage: "/html/themes/control_panel/images/common/calendar.png",
      buttonImageOnly: true,
      changeMonth: true,
      changeYear: true
  });
});