Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Apr 25th, 2012  |  syntax: None  |  size: 1.17 KB  |  hits: 13  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. How to merge two jQuery Datepickers
  2. <script>
  3.     jQuery(function() {
  4.       jQuery( "#<portlet:namespace/>other_date" ).datepicker({
  5.            showOn: "button",
  6.            buttonImage: "/html/themes/control_panel/images/common/calendar.png",
  7.            buttonImageOnly: true,
  8.            changeMonth: true,
  9.            changeYear: true
  10.        });
  11.       jQuery( "#<portlet:namespace/>bene_relation_birth_date").datepicker({
  12.           showOn: "button",
  13.           buttonImage: "/html/themes/control_panel/images/common/calendar.png",
  14.           buttonImageOnly: true,
  15.           changeMonth: true,
  16.           changeYear: true
  17.       })
  18. });
  19. </script>
  20.        
  21. <input type="text" name="other_date" label="" value=""
  22.                     id="other_date"></input>
  23.  
  24.  
  25.  <input type="text" name="bene_relation_birth_date" label="" value=""
  26.                     id="bene_relation_birth_date"></input>
  27.        
  28. var selector = "#other_date, #bene_relation_birth_date";
  29.  
  30. jQuery(selector).each(function(i, elm) {
  31.    jQuery(this).datepicker({
  32.       showOn: "button",
  33.       buttonImage: "/html/themes/control_panel/images/common/calendar.png",
  34.       buttonImageOnly: true,
  35.       changeMonth: true,
  36.       changeYear: true
  37.   });
  38. });