如何合并两个jQuery日期选择器

How to merge two jQuery Datepickers

本文关键字：两个 jQuery 日期 选择器 合并 何合并      更新时间：2023-09-26

我有两个id和名称不同的日期选择器。我可以将两者合并并删除多余的代码吗？

     <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>

您可以同时选择两个元素，然后使用.ech（）对它们进行循环。在循环中，您将日期选择器应用于所选的每个元素。可以使用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
  });
});
相关文章：