Set an end date based on start date using datepicker

Set an end date based on start date using datepicker

In few words I need to set a start date using datepicker (allows future dates only) and then set an end date based on chosen day from particular month where end date will be last day of chosen month from Start Date.

HTML code looks like:

  1. <fieldset>
  2.     <label for="dataStart">Start Date</label>
  3.     <input type="text" style="width: 88px;" class="datepicker" id="dataStart" size="10" name="dataStart" />
  4. </fieldset>
  5. <fieldset>
  6.     <label for="dataEnd">End Date</label>
  7.    <input type="text" style="width: 88px;" class="end_date" id="dataEnd" size="10" name="dataEnd" value="<!-- last day of mont from dataStart -->" readonly />
  8. </fieldset>
jQuery code:

  1. function getLastDayOfYearAndMonth(year, month)
  2. {
  3.     return(new Date((new Date(year, month + 1, 1)) - 1)).getDate();
  4. }
  5. $(document).ready(function() {
  6.     $("#dataStart").datepicker({
  7.         minDate: 1,
  8.         onSelect: function(theDate) {
  9.             var defalulDate = new Date();
  10.             defalulDate.getLastDayOfYearAndMonth(date.getFullYear(), date.getMonth()));
  11.             $("#dataEnd").datepicker(defaultDate: defalulDate);
  12.         },
  13.         beforeShow: function() {
  14.             $('#ui-datepicker-div').css('z-index', 9999);
  15.         },
  16.         dateFormat: 'mm/dd/yy'
  17.     });
  18.  
  19. });
Somehow I'm not able to get End Date functionality to work.

Any clue?

Thanks

-- Adam