unable to disable future date in jquery datepicker

My application requires that the date picker should display the calender body on click, select date today's date being active and future date deactivated... i am new in jquery and it has disturbed me for a month. assist please. I am able to display the datepicker and choose any date upto 2030, but i need the calender to be active upto today's date or current date only.
thanks in advance.

my calender to be displayed..

<table id="calenderTable" class="">
                 <tbody id="calenderTableHead">
                     <tr>
                         <td colspan="4" align="center">
                             <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,
                                 this.selectedIndex, false));" id="selectMonth">
                                 <option value="0">Jan</option>
                                 <option value="1">Feb</option>
                                 <option value="2">Mar</option>
                                 <option value="3">Apr</option>
                                 <option value="4">May</option>
                                 <option value="5">Jun</option>
                                 <option value="6">Jul</option>
                                 <option value="7">Aug</option>
                                 <option value="8">Sep</option>
                                 <option value="9">Oct</option>
                                 <option value="10">Nov</option>
                                 <option value="11">Dec</option>
                             </select>
                         </td>
                         <td colspan="2" align="center">
                             <select onChange="showCalenderBody(createCalender(this.value,
                 document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
                             </select>
                         </td>
                         <td align="center">
                             <a href="#" onClick="closeCalender();"><font color="#003333" size="+1">X</font></a>
                         </td>
                     </tr>
                 </tbody>
                 <tbody id="calenderTableDays">
                     <tr style="">
                         <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
                     </tr>
                 </tbody>
                 <tbody id="calender"></tbody>
             </table>
 

the date field is as below:

    <tr>
        <td>effected date</td>
              <td>
                  <input type="text" name="eff_date" class="required" id="eff_date"><a href="#" onClick="setYears(1947, 2030);
  showCalender(this, 'eff_date');" class="" id="calender">
    <img src="Calender/calender.png"></a>
               </td>
       </tr>
 

---