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);
        }