easyui-datebox开始时间和结束时间限制

                    <tr>
                        <th class="tb-th">开始时间</th>
                        <td class="tb-td">
                            <input id="startdate"  name="startdateX" type="text" class="easyui-datebox easyui-validatebox" autocomplete="off" style="width: 100%" value="${data.startdate?string('yyyy-MM-dd')}" data-options="prompt:'请选择开始时间' ,onSelect:selectStartDate">
                        </td>
                        <th class="tb-th">结束时间</th>
                        <td class="tb-td">
                             <input id="enddate"  name="enddateX" type="text" class="easyui-datebox easyui-validatebox" autocomplete="off" style="width: 100%" value="${data.enddate?string('yyyy-MM-dd')}"data-options="prompt:'请选择结束时间' ,onSelect:selectEndDate">
                        </td>
                    </tr>

js如下：

        //当选择开始时间时限定结束时间的范围
        function selectStartDate(startDate) {
            //返回calendar会清空enddate内容,需要保存下
            var tempEndDate = $('#enddate').datebox('getValue')
            $('#enddate').datebox().datebox('calendar').calendar({
                validator: function (endDate) {
                    return endDate >= startDate;//限定时间选择范围
                }
            });
            $('#enddate').datebox('setValue', tempEndDate);//将enddate写回去
        }
        
        //当选择结束时间时限定开始时间的范围
        function selectEndDate(endDate) {
            var tempStartDate = $('#startdate').datebox('getValue');
            $('#startdate').datebox().datebox('calendar').calendar({
                validator: function (startDate) {
                    return startDate <= endDate ;
                }
            });
            $('#startdate').datebox('setValue', tempStartDate);
        }