easyui datebox范圍設置日期對比參考 和easyui的datebox怎么禁止手動輸入

今天的兩個問題都是通過百度解決。百度大法好啊，沒事多百度多谷歌，程序員自我學習之道！

首先，如何讓easyui的開始日期在結束日期之前。有2個datebox，一個是開始日期，一個結束日期，結束日期要大於開始日期，那么需要自己寫邏輯代碼來實現，不能控制datebox的選擇范圍，只能重置。

代碼：

<script>
        function onSelect(d) {
        var issd = this.id == 'sd', sd = issd ? d : new Date($('#sd').datebox('getValue')), ed = issd ? new Date($('#ed').datebox('getValue')) : d;
            if (ed < sd) {
                alert('結束日期小於開始日期');
                //只要選擇了日期，不管是開始或者結束都對比一下，如果結束小於開始，則清空結束日期的值並彈出日歷選擇框
                $('#ed').datebox('setValue', '').datebox('showPanel');
            }
        }
 </script>
開始日期：<input class="easyui-datebox" id="sd" data-options="onSelect:onSelect" />
結束日期：<input class="easyui-datebox" id="ed" data-options="onSelect:onSelect" />

 

第二，怎么讓easyui的datebox怎么禁止手動輸入，也就是日期只能通過小日歷選擇，不能自己手動輸入。（手動輸入的話在后頭查找的時候可能會因為日期格式不對而查不到結果）。

剛開始是想着在用readonly=“TRUE”解決，可是加上這句話之后，小日歷也沒辦法顯示了。

解決辦法：

$('#time').datebox({
editable:false
});

#time是文本框盒子的id。