Как объединить два jQuery Datepickers

Question

У меня есть два указателя даты с разными идентификатором и именем. Могу ли я объединить их обоих и удалить избыточный код?

     <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
  });
});