jquery Datepicker Range

HTML

<script src="https://rawgithub.com/kbwood/datepick/master/jquery.datepick.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/kbwood/datepick/master/redmond.datepick.css">
<table>
    <TR>
        <TD VALIGN="middle" align="left"><b>Planned Date for Request Initiation</b> :</TD>
        <TD valign="middle" align="LEFT">
            <INPUT class="datepick" id="startDate" NAME="startDate" TYPE="text" SIZE="23" MAXLENGTH="100" VALUE="" />
        </TD>
    </TR>
    <TR>
        <TD VALIGN="middle" align="left"><b>Planned Date for Approval</b> :</TD>
        <TD valign="middle" align="LEFT">
            <INPUT class="datepick" id="completionDate" NAME="completionDate" TYPE="text" SIZE="23" MAXLENGTH="100" VALUE="" />
        </TD>
    </TR>
</table>

JavaScript

$('#startDate,#completionDate').datepick({
    onSelect: customRange
});

     
function customRange(dates) { 
    alert(dates[0]);
    if (this.id == 'startDate') { 
        $('#completionDate ').datepick('option','minDate', dates[0] || null); 
    } 
    else { 
        $('#startDate').datepick('option','maxDate', dates[0] || null); 
    } 
}