2012-02-27 7 views
1

IDと名前が異なる2つのdatepickerがあります。両方をマージして冗長コードを削除することはできますか?2つのjQuery Datepickersをマージする方法

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

答えて

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

::それはトリックをしました。 –

+0

@oneofthelions素晴らしい! –

関連する問題